webpack vue-cli2 区分测试 和 线上 环境

vue-cli2 自动创建的项目，已经给配合好了 dev 开发环境 和 prot 线上环境，但是实际开发中大部分会用到 test 测试环境。下面对测试环境进行配置。

vue-cli 版本 2.96 其他2.xx 的版本略有不同，其他2.xx版本 可以参考下边的连接

https://www.jianshu.com/p/30d30d2835b2

1. 复制一份build/build.js 文件命名为build/build-test.js 修改这三处地方

2. 复制一份build/webpack.prod.conf.js文件命名为build/webpack.test.conf.js 修改这一处地方

3，然后去config/index.js文件下添加 assetsRootTest 属性的值 值改成 dist-test。dist-test是打包测试环境的代码输出的文件夹

4，把 config/test.env.js 文件改成下图这样

5，创建 config/conf.js 文件用来添加不同环境的配置

6在main.js 文件中引入 conf.js 文件。并添加大Vue 原型对象上

7.在package.json 文件中添加打包 测试环境命令

之前unite2e 命令用的是test ，需要改一下，不然命令会冲突
所有步骤完成以后，就使用下边的命令打包就可以了，打包完成后 根目录下会自动生成dist-test 文件夹，这个就是测试环境打包好的代码。可以直接放到测试服务器上看下 main.js 中的log 应该显示的是 “测试” 两个字

npm run test

最后附上一篇 vue-cli3 配置测试环境教程供参考
https://www.cnblogs.com/XHappyness/p/9337229.html