1、先下载npm i –save-dev cross-env 在各个平台上兼容
2、在package.json文件里面
{
"scripts": {
"build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
"build:sit": "cross-env NODE_ENV=production env_config=sit node build/build.js",
}
}
多添加了两个文件就多两个环境
3、在config.js里面在添加个文件sit.evn.js
'use strict'
module.exports = {
NODE_ENV: '"production"',
DOMAIN:'"http://www.baidu.com"',//这个是后台的接口地址
ENV_CONFIG: '"sit"',//这个是区分打包后环境的
}
prod.evn.js里面可以设置
'use strict'
module.exports = {
NODE_ENV: '"production"',
DOMAIN:'"http://test.danajia.com.cn"',
ENV_CONFIG: '"prod"',
}
在修改webpack.prod.config.js里面的
const env = process.env.NODE_ENV === 'testing'
? require('../config/test.env')
: require('../config/prod.env')修改成
//这里面的process.env.env_config是package.json中的 build:prod里面的env_config。
const env = require('../config/'+process.env.env_config+'.env')
4、在封装的axios中设置
let instance = axios.create({
baseURL: process.env.DOMAIN,
})
5、打包的时候你就直接直接npm run build:prod 或者 npm run build:sit。