我们已经搭建了一个react项目,为了避免class命名冲突,现在我们想要支持css模块化开发。
我们已经释放了webpack.config.js,可以看出,create-react-app已经为配置好了css module,但是需要我们以.module.scss / .module.css命名。
WechatIMG278.png
CSS的规则都是全局的,任何一个组件的样式规则,都对整个页面有效。css-loader
插件会生成一个独一无二的class的名字,不会与其他选择器重名,从而产生局部作用域的效果,这就是CSS Modules 的做法。
网友评论