1.动态域名配置(正式,测试,本地)
Vue.prototype.$url= process.env.NODE_ENV == 'xxx' ? 'http://www.xxx.com/': process.env.NODE_ENV == 'testing' ? 'http://zzz/' : process.env.NODE_ENV == 'eee' ? 'http://xxx/' :
xxx为正式环境(判断运行字段在config文件下取,分别在prod.env,test.env,dev.env下获取)
testing为测试环境字段
2.正常项目都会自带正式,和本地运行命令,现在我们新增一个测试环境打包命令
2.1.在package.json中新增 "test": "node build/test.js"
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.2.在build文件夹中新建test.js
这样就新建了一个test测试环境
2.3.在build文件夹中新建webpack.test.conf.js
2.4,此时我们需要在config文件夹下新建test.js测试环境,加入以下代码即可
'use strict'
const merge = require('webpack-merge')
const devEnv = require('./dev.env')
module.exports = merge(devEnv, {
NODE_ENV: '"testing"'
})
2.5.到这配置就完成了,我们打包的命令为test
npm run test打包即为测试环境的包