antd-theme-webpack-plugin設置自定義變量，值被覆蓋

因爲項目中要實現動態換主題，因而就去搜了一下，找到了antd-theme-webpack-plugin這個插件,

antd的變量是更換了，可是我還想本身定義一些變量跟着一塊兒用

 

 

在variables文件裏面隨便定義裏幾個變量

而後到項目中這幾個變量總是被設置爲同一個值，一直覺得是變量名的問題，試了不少次，仍是不行，也搞不清楚什麼緣由

最後乾脆去看了源碼，跟着一步一步打斷點看

好了，直接說結果

 

 

定義的變量名的值不能設置爲同樣！！！

這個插件裏面的處理邏輯就是，若是去把css裏面值跟這個變量同樣的就替換爲這個變量名

因此，若是都設置爲同樣的，那麼就是最後一個會替換掉前面的全部值同樣的

最終就是這樣,這是在頁面裏面的style的css，終於都不重複了