总结
- 第一种方法采用粘贴复制法,把配置复制一套出来,然后改一些参数,最后在增加一条命令即可。比较简单快捷
- 第二种方法需要依赖cross-env,然后在配置中修改参数,参数中多了一层判断,最后再增加一条命令。
第一种方法:
- 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"
},
-
在build文件夹中新建test.js,内容可以直接拷贝同目录build.js内容,修改一些参数。
-
在build文件夹中新建webpack.test.conf.js,内容可以直接拷贝同目录webpack.prod.conf.js内容,修改一些参数。
-
在config文件夹中新建test.env.js,内容可以直接拷贝同目录prod.env.js内容,修改一些参数。
这样在npm run test 就能打出请求测试接口的测试包了。
第二种方法
安装cross-env
npm install cross-env --save-dev
- 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 = merge(prodEnv,