vue-cli3 自己设置--mode区分环境打包,dist不压缩

3,893 阅读1分钟

vue-cli配置mode官网文档

需求:vue-cli搭建的项目根据不同环境打包访问不同地址

dev: localhost:8080/dev/myapp/index.html
sit: localhost:8080/sit/myapp/index.html
uat: localhost:8080/uat/myapp/index.html
pre: localhost:8080/pre/myapp/index.html

解决思路:

设置不同的环境文件,添加一个变量

问题

这样打包不会压缩 解决方法: 默认build命令都设置为 production环境 如:.env.dev文件内容


NODE_ENV = 'production'   // 所有都设置为 production环境 => 解决打包不压缩问题
VUE_APP_myvalue = 'dev'   // 自己添加的变量,官网明定必须以 VUE_APP_开头