VUE-CLI2.0配置不一樣的場景構建不一樣的前端包

需求: 目前有一套公共的輕應用,須要發佈到多個客戶, 可是每一個客戶的主題顏色不一樣;前端

解決方案: webpack

     一、將多套主題色分路徑放置到styles目錄下方web

   二、配置新的環境變量: THEME_PATH(名稱自取)json

   三、在 webpack.base.conf.js 中新增別名:spa

 

   四、 在main.js引入的地方使用別名引入插件

   五、 經過 cross-env 插件,在package.json中新增打包命令, 並設置環境變量爲對應樣式文件路徑名稱部分blog

 

   這樣就能夠經過 不一樣的打包命令 構建出不一樣場景的前端包!ip

   這種方法能夠靈活應對,一套代碼構建不一樣前端包的需求!變量

tips: 不知道有沒有能夠經過配置文件直接修改CSS顏色變量的方法?打包

相關文章
相關標籤/搜索