vue-cli3分环境打包

1.package.json添加命令

scripts": {
“dev”: “vue-cli-service serve”, //本地运行时process.env.NODE_ENV ===‘development’(默认)
“build:pre”: “vue-cli-service build --mode pre”, //dev模式下打包(测试服打包)，process.env.NODE_ENV的值为’.env.dev文件中NODE_ENV声明的值’
“build”: “vue-cli-service build” //正式服打包，process.env.NODE_ENV ===‘production’(默认)
}

2. 在项目根目录添加文件.env.‘名称’ 文件,定义环境变量(分环境打包根据该变量来实现)

3.多环境下的应用(以不同生产环境下的域名地址举例)

let baseUrl = “”;
if (process.env.NODE_ENV === “development”) {
baseUrl = devUrl; // 本地环境
} else if (process.env.NODE_ENV === “production”) {
baseUrl = productionUrl; // 生产环境
} else {
baseUrl = testUrl; // 测试环境
}

4. 打包命令

npm run build:pre 测试环境
npm run build 正式环境