由於項目中要實現動態換主題,於是就去搜了一下,找到了antd-theme-webpack-plugin這個插件,
antd的變量是更換了,但是我還想自己定義一些變量跟着一起用
在variables文件里面隨便定義里幾個變量
然后到項目中這幾個變量老是被設置為同一個值,一直以為是變量名的問題,試了很多次,還是不行,也搞不清楚什么原因
最后干脆去看了源碼,跟着一步一步打斷點看
好了,直接說結果
定義的變量名的值不能設置為一樣!!!
這個插件里面的處理邏輯就是,如果去把css里面值跟這個變量一樣的就替換為這個變量名
所以,如果都設置為一樣的,那么就是最后一個會替換掉前面的所有值一樣的
最終就是這樣,這是在頁面里面的style的css,終於都不重復了