第一步:在src同级新建 .env.production 、.env.test 、.env.development文件
第二步:在文件中配置开发环境、生产环境、测试环境
// 开发环境 .env.development
NODE_ENV = 'development'
VUE_APP_MODE = 'development'
outputDir = dist_dev // 打出包的名称
VUE_APP_BASE_URL = http://xxxxxxxxx:xxxx/
// 生产环境 .env.production
NODE_ENV = 'production'
VUE_APP_MODE = 'production'
outputDir = dist_pro
VUE_APP_BASE_URL = http://xxxxxxxxx:xxxx/
// 测试环境 .env.test
NODE_ENV = 'alpha' // 此处不能为test,否则会报错
VUE_APP_MODE = 'alpha'// 此处不能为test,否则会报错
outputDir = dist_test
VUE_APP_BASE_URL = http://xxxxxxxxxxxx:xxxx/
第三步:在vue.config.js中
第四步:在package.json中配置
"scripts": {
"serve": "vue-cli-service serve",
"build:dev": "vue-cli-service build --mode development", //打开发环境包 npm run build:dev/yarn build:dev
"build:test": "vue-cli-service build --mode test",// 打测试环境包
"build:prod": "vue-cli-service build --mode production",// 打生产环境包
......
},
注意:测试环境配置.env.test时候,NODE_ENV = ‘alpha’ ,VUE_APP_MODE = ‘alpha’// 此处不能为test,否则会报错
写的不好,大家相互学习,相互进步