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

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

antd的变量是更换了，可是我还想本身定义一些变量跟着一块儿用

 

 

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

而后到项目中这几个变量总是被设置为同一个值，一直觉得是变量名的问题，试了不少次，仍是不行，也搞不清楚什么缘由

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

好了，直接说结果

 

 

定义的变量名的值不能设置为同样！！！

这个插件里面的处理逻辑就是，若是去把css里面值跟这个变量同样的就替换为这个变量名

因此，若是都设置为同样的，那么就是最后一个会替换掉前面的全部值同样的

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