vue2.x自动打生产包和测试包

vue自动打生产包和测试包

一、build 文件夹下修改
1)、对应build.js建立test.js，复制build.js内容，然后做一下修改

1563434969(1).jpg

2)、对应webpack.prod.conf.js 建立webpack.test.conf.js，修改如下

Snipaste_2019-07-18_15-32-07.png

注意把该文件中所有的config.build替换为config.test
3）、修改utils.js、vue-loader.conf.js和webpack.base,conf.js，将其中涉及到proess.env.NODE_ENV的做如下修改
utils.js做修改

Snipaste_2019-07-18_15-35-19.png

vue-loader.conf.js 修改

Snipaste_2019-07-18_15-36-53.png

webpack.base,conf.js 修改

Snipaste_2019-07-18_15-38-15.png

二、config文件夹下做如下修改
1）dev.env.js做如下图修改

Snipaste_2019-07-18_15-43-16.png

2）prod.env.js添加baseURL

Snipaste_2019-07-18_15-45-21.png

3)新建test.env.js.复制prod.env.js ，将NODE_ENV改为“test”，baseURL改为测试地址

Snipaste_2019-07-18_15-46-11.png

在你的api中会使用到API_ROOT

Snipaste_2019-07-18_15-47-31.png

4）修改index.js,复制build部分添加test内容

Snipaste_2019-07-18_15-51-06.png

三、package.json
添加一项

Snipaste_2019-07-18_15-52-03.png

如上就配置完了。
测试直接npm run test把包放测试服务器就ok了
生产直接npm run build把包放生产服务器就ok了