開發(fā)需求:不同域名下的web,可以自定義主題樣式
解決方案:node+webpack+less打包成對應(yīng)的主題樣式
gitbub: webTheme
解決思路:
- node封裝接口接受主題參數(shù)京郑,修改對應(yīng)的less變量文件叮盘,機(jī)器實現(xiàn)打包生成對應(yīng)的css文件客情,然后上傳到對應(yīng)的cdn上剩盒,返回對應(yīng)的css所對應(yīng)的cdn地址措译。
- 在客戶端搓萧,根據(jù)域名直焙,動態(tài)匹配對應(yīng)的css文件盹兢,掛載到link標(biāo)簽上。
cnpm install
node server.js
瀏覽器打開: http://localhost:3000/?color=white&bg=blue