由于项目中要实现动态换主题,于是就去搜了一下,找到了antd-theme-webpack-plugin这个插件,
antd的变量是更换了,但是我还想自己定义一些变量跟着一起用
在variables文件里面随便定义里几个变量
然后到项目中这几个变量老是被设置为同一个值,一直以为是变量名的问题,试了很多次,还是不行,也搞不清楚什么原因
最后干脆去看了源码,跟着一步一步打断点看
好了,直接说结果
定义的变量名的值不能设置为一样!!!
这个插件里面的处理逻辑就是,如果去把css里面值跟这个变量一样的就替换为这个变量名
所以,如果都设置为一样的,那么就是最后一个会替换掉前面的所有值一样的
最终就是这样,这是在页面里面的style的css,终于都不重复了