vue+webpack多环境打包配置（不同环境不同命令）

 以前在打包项目，会写三个环境地址，打包前都需要手动切换地址，实现多环境打包配置后可以省掉这一步。  

本文来谈一谈多环境打包的配置方法（本人是一枚前端小透明，用的方法不是最优，若有更优的，欢迎指教） 

原文参考链接： https://blog.youkuaiyun.com/zuoyiran520081/article/details/80812788

1、在根目录下 的config文件夹下新建test.env.js文件

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

2、修改config文件夹下的prod.env.js文件 

原代码： 

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

修改后： 

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

注意：NODE_ENV与ENV_CONFIG的参数都是单引号包双引号，否则会报错 

3、修改build文件夹下的webpack.prod.conf.js

原代码： 

// const env = require('../config/prod.env') 

修改后：  

const env = config.build[process.env.env_config + 'Env']

 4、修改config文件夹下的index.js文件中的build部分的代码

原代码：