vue中两种方法如何区分测试、上产包

总结

• 第一种方法采用粘贴复制法，把配置复制一套出来，然后改一些参数，最后在增加一条命令即可。比较简单快捷
• 第二种方法需要依赖cross-env，然后在配置中修改参数，参数中多了一层判断，最后再增加一条命令。

第一种方法:

1. package.json中新增命令行脚本test命令,并指向build文件夹下的test.js。

"scripts": {
   
  "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
  "start": "npm run dev",
  "build": "node build/build.js",
  "test": "node build/test.js"
 },

2. 在build文件夹中新建test.js,内容可以直接拷贝同目录build.js内容,修改一些参数。
   

3. 在build文件夹中新建webpack.test.conf.js,内容可以直接拷贝同目录webpack.prod.conf.js内容,修改一些参数。
   

4. 在config文件夹中新建test.env.js,内容可以直接拷贝同目录prod.env.js内容,修改一些参数。
   这样在npm run test 就能打出请求测试接口的测试包了。

第二种方法

	安装cross-env
	npm install cross-env --save-dev

1. config目录,新增test.env.js，文件目录如下

	config
		index.js
		dev.env.js
		prod.env.js
		test.env.js

• 修改 prod.env.js

'use strict'
module.exports = {
   
  NODE_ENV: '"production"',
  EVN_CONFIG:'"prod"',
  TITLE:'"正式环境title"',
}

• 修改 dev.env.js

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports