- create-react-app 中已经配置好了
- node_modules/react-scripts/config/webpack.config.dev.js
const cssModuleRegex = /\.module\.css$/;
{
test: cssModuleRegex,
use: getStyleLoaders({
importLoaders: 1,
modules: true,
getLocalIdent: getCSSModuleLocalIdent,
}),
},
- 只需对css文件进行如下命名即可
import Styles from './layout.module.css'
class Wrap extends Component {
render() {
return (
<Layout>
<Header className={Styles['head-wrap']}></Header>
</Layout>
)
}
}
-
编译结果
网友评论