create-react-app支持CSS Modules

我们已经搭建了一个react项目，为了避免class命名冲突，现在我们想要支持css模块化开发。
我们已经释放了webpack.config.js，可以看出，create-react-app已经为配置好了css module，但是需要我们以.module.scss / .module.css命名。

WechatIMG278.png

CSS的规则都是全局的，任何一个组件的样式规则，都对整个页面有效。css-loader插件会生成一个独一无二的class的名字，不会与其他选择器重名，从而产生局部作用域的效果，这就是CSS Modules 的做法。

WechatIMG276.png