一、背景：升级老项目遇到的问题
1.项目目录
2.package.json
3.env 配置
.env.development 配置
1 | NODE_ENV=development |
2 | VUE_APP_BASE_API=开发 |
3 | VUE_APP_BUCKET=开发 |
.env.production 配置
1 | NODE_ENV=production |
2 | VUE_APP_BASE_API=生产 |
3 | VUE_APP_BUCKET=生产 |
4.执行npm run build:dev
打包后，发现 app.js 有十几兆，上传到服务器，根本无法打开（时间太久）
二、解决方式（暂时能解决的，有可能还有更好的办法）
1.在根目录下新建.env.dev 文件
配置如下（内容和.env.development 文件一致，NODE_ENV改为production）
1 | NODE_ENV=production |
2 | VUE_APP_BASE_API=开发 |
3 | VUE_APP_BUCKET=开发 |
2.修改 package.json
3.执行npm run build:dev
发现分包，压缩都可以了
4.原理其实是借用production模式来载入开发的环境变量
