vue-cli3 webpack build多个环境的方法

首先在根目录下 创建
.env
.env.development
.env.production

在packjson创建

    "build": "vue-cli-service build --mode production",
    "build:alpha": "vue-cli-service build --mode development",
    
// 在.env.development 写入
NODE_ENV = "development"
VUE_APP_URL = "alpha"
//在 .env.production 写入
NODE_ENV = "production"
VUE_APP_URL = "dist"
//在vue.config.js中写入
outputDir: process.env.NODE_ENV === 'development' ? 'alpha' : 'dist',
//然后在main.js写入
let url = ''
if(process.env.VUE_APP_URL == 'alpha'){
  url = 'alpha'
}
if(process.env.VUE_APP_URL == 'dist'){
  url = 'dist'
}
console.log(url)

然后npm run build npm run build：alpha打包目录

对应main.js会返回dist和alpha