首页 > 其他 > 详细

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

时间:2019-08-13 19:46:33      阅读:115      评论:0      收藏:0      [点我收藏+]

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

解决方案: 

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

技术分享图片

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

技术分享图片

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

 技术分享图片

   4、 在main.js引入的地方使用别名引入

技术分享图片

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

技术分享图片

 

   这样就可以通过 不同的打包命令 构建出不同场景的前端包!

   这种方法可以灵活应对,一套代码构建不同前端包的需求!

tips: 不知道有没有可以通过配置文件直接修改CSS颜色变量的方法?

 

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

原文:https://www.cnblogs.com/sjzbk/p/11347554.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!