VUE-CLI2.0配置不一样的场景构建不一样的前端包

需求: 目前有一套公共的轻应用,须要发布到多个客户, 可是每一个客户的主题颜色不一样;前端

解决方案: webpack

     一、将多套主题色分路径放置到styles目录下方web

   二、配置新的环境变量: THEME_PATH(名称自取)json

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

 

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

   五、 经过 cross-env 插件,在package.json中新增打包命令, 并设置环境变量为对应样式文件路径名称部分blog

 

   这样就能够经过 不一样的打包命令 构建出不一样场景的前端包!ip

   这种方法能够灵活应对,一套代码构建不一样前端包的需求!变量

tips: 不知道有没有能够经过配置文件直接修改CSS颜色变量的方法?打包

相关文章
相关标签/搜索