Css-module 嵌套组件样式

Css-module 嵌套组件样式

1. 由于原生CSS的规则都是全局的，任何一个组件内的样式规则，都会对全部组件生效，导致全局样式污染。
2. 为了解决这个问题，我们可以给不同的页面写不同的类名，但是这样特别的繁琐，而且多人协同开发难免会出现类名重复;
3. css-module 解决了这个问题，通过自动附上独一无二的哈希字符串（需配置），避免选择器重名；
   在使用css-module 时会发现当前组件样式表的类样式对嵌套组件内的类不生效的情况，以下是嵌套自定义组件和antd组件的例子
4. 在webpack.config.dev中设置了modude模式，类似：import styles from “./xxxxx.css” =>className={styles.operate_text} 写法
   
   注：以下样式因项目设置可能与原本的antd组件风格有些不同，但不影响原理理解

下面给图哈希字符串，如图所示。