// index.modules.less
.demo-warp {
font-size: 14px;
}
// 未使用到
.demo-warp2 {
font-size: 14px;
}
使用 typings-for-css-modules-loader
自动生成类型:
// index.module.less.d.ts
export const demoWrap: string;
export const demoWrap2: string; // 未使用到
使用:
import styles from './index.module.less';
const Comp = () => {
return (
<div className={styles.demoWrap}>
...
</div>
)
}
目前测试了 eslint-plugin-css-modules 和 eslint-plugin-postcss-modules 两个插件均存在一些问题:
- eslint-plugin-css-modules:
&—
和:global{ }
误报、不支持动态变量styles[props.btnType]
- eslint-plugin-postcss-modules:
&—
和:global
误报、内存泄露奔溃