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