[css] 如何實作換膚功能？
css 換膚常見方案
是通過 less/sass/postcss 等css 前處理器，通過它們自身的變數用法，設定不同變數，生成不同的主題樣式，但是這些樣式都是會被打包成常量，我們只能在編譯之前修改變數，打包出對應的css 檔案，
而如今出現了 css var ，此種變數是可以通過 js 改變變數值的， demo
一般的插件在編譯 css 時會將變數打包成常量，但是 postcss 有一個插件 postcss-advanced-variables 是支持直接打包為 css 變數的， 這將意味著我們可以僅僅覆寫 css 變數，或者 js 修改變數值都能改變主題色，
這里介紹一個成熟的打包變數插件，postcss-ui-theme (一波軟廣🤣， 支持 sass 語法， bem 規范命令，resolve 靜態資源等強大功能，是自己非常成熟的沉淀物)
打包的代碼如圖
個人簡介
我是歌謠，歡迎和大家一起交流前后端知識，放棄很容易，
但堅持一定很酷，歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/262940.html
標籤：其他
上一篇：CSS基礎：淺談position
下一篇：layui實作動態表格