需求: 目前有一套公共的輕應用,須要發佈到多個客戶, 可是每一個客戶的主題顏色不一樣;前端
解決方案: webpack
一、將多套主題色分路徑放置到styles目錄下方web
二、配置新的環境變量: THEME_PATH(名稱自取)json
三、在 webpack.base.conf.js 中新增別名:spa
四、 在main.js引入的地方使用別名引入插件
五、 經過 cross-env 插件,在package.json中新增打包命令, 並設置環境變量爲對應樣式文件路徑名稱部分blog
這樣就能夠經過 不一樣的打包命令 構建出不一樣場景的前端包!ip
這種方法能夠靈活應對,一套代碼構建不一樣前端包的需求!變量
tips: 不知道有沒有能夠經過配置文件直接修改CSS顏色變量的方法?打包