antd-theme-webpack-plugin设置自定义变量,值被覆盖


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

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

 


 

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

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

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

好了,直接说结果

 


 

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

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

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

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

 


 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM