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


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

antd的變量是更換了,但是我還想自己定義一些變量跟着一起用

 


 

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

然后到項目中這幾個變量老是被設置為同一個值,一直以為是變量名的問題,試了很多次,還是不行,也搞不清楚什么原因

最后干脆去看了源碼,跟着一步一步打斷點看

好了,直接說結果

 


 

定義的變量名的值不能設置為一樣!!!

這個插件里面的處理邏輯就是,如果去把css里面值跟這個變量一樣的就替換為這個變量名

所以,如果都設置為一樣的,那么就是最后一個會替換掉前面的所有值一樣的

最終就是這樣,這是在頁面里面的style的css,終於都不重復了

 


 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM