由于项目中要实现动态换主题,于是就去搜了一下,找到了antd-theme-webpack-plugin这个插件,

antd的变量是更换了,但是我还想自己定义一些变量跟着一起用

 


 

在variables文件里面随便定义里几个变量

然后到项目中这几个变量老是被设置为同一个值,一直以为是变量名的问题,试了很多次,还是不行,也搞不清楚什么原因

最后干脆去看了源码,跟着一步一步打断点看

好了,直接说结果

 


 

定义的变量名的值不能设置为一样!!!

这个插件里面的处理逻辑就是,如果去把css里面值跟这个变量一样的就替换为这个变量名

所以,如果都设置为一样的,那么就是最后一个会替换掉前面的所有值一样的

最终就是这样,这是在页面里面的style的css,终于都不重复了

 


 
posted on 2019-09-24 17:40  是谁在思考  阅读(2214)  评论(0)    收藏  举报