vue-cli3分环境打包爬坑记录

配置文件：

vue.config.js放于src同级

 

配置多环境：

.env.xxx放于vue.config.js同级

内容为：

NODE_ENV = development // 固定的开发环境，development不可被覆盖

NODE_ENV = production // 固定的生产环境，production不可被覆盖

此处需要注意等号右边的development和production不可加引号

 

分环境打包：

package.json

"scripts": {

"dev": "vue-cli-service serve --mode dev",

"test": "vue-cli-service build --mode test", // test环境下打包

"build": "vue-cli-service build --mode prod", // 生产环境下打包

},

此处需要注意--mode后面的xxx需要和.env.xxx中的xxx一致

如果需要test环境下打包出来的结果和prod环境下打包出来的结果一致，

.env.test中需要配置NODE_ENV = production即可

否则会按照本地环境打包