对css module的理解

之前对于css module部分理解不是很深刻，特别在使用antd过程中，对某个组件的样式要覆盖就会出各种问题：

首先：css module解决类名冲突问题遵循以下思路：

所以，开启了css module模式后，css-loader会将样式中的类名进行转换，转换为一个唯一的hash值，因为hash值是根据模块路径和类名生成的，因此，不同的css模块，哪怕具有相同的类名，转换后的hash值也不一样。

其次：需要写样式覆盖到组件内部组件默认样式，因为css module会将样式本身定义的名字改变，所以要设置全局变量，让CSS module不做转换，所以要使用 :gobal  语法。

例如：