Vue2+ Webpack 3 配置不同环境下打包后不同域名

项目需求

生产环境正式版线上地址为：www.xxxx.com

生产环境测试版线上地址为：www.test.com

本地开发环境环境：localhost:8080

公司采用的是Jenkins自动化打包部署系统，在实际开发或者/生产环境时，我们需要打包后的文件配置到不同的域名。我一开始的做法是在main.js中每次打包前修改这个地址，比较繁琐，参阅了相关文章之后，可以通过代码实现，不同的打包命令下输出到不同的域名。

项目目录结构如下

最主要的改动在 build / config在两个文件夹

在config 下新建 test.env.js文件 此文件为测试版环境的名称设置 注意引号！

'use strict'
module.exports = {
   NODE_ENV: '"testing"',
   ENV_CONFIG:'"test"'
}

修改prod.env.js文件 此文件设置生产环境的名称

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  ENV_CONFIG: '"prod"'
}

修改build文件夹中webpack.prod.config.js 

// const env = require('../config/prod.env') //这是原来的代码 注释掉 下一行是新加的代码
const env = config.build[process