之前对于css module部分理解不是很深刻,特别在使用antd过程中,对某个组件的样式要覆盖就会出各种问题:
首先:css module解决类名冲突问题遵循以下思路:
所以,开启了css module模式后,css-loader会将样式中的类名进行转换,转换为一个唯一的hash值,因为hash值是根据模块路径和类名生成的,因此,不同的css模块,哪怕具有相同的类名,转换后的hash值也不一样。
其次:需要写样式覆盖到组件内部组件默认样式,因为css module会将样式本身定义的名字改变,所以要设置全局变量,让CSS module不做转换,所以要使用 :gobal 语法。
例如: