项目开发一般有多环境,测试环境,预生产环境,生产环境。
可根据不同环境打包不同的API地址
npm install cross-env --save-dev
1、vue-cli 中build的build.js修改如下
// 注销默认NODE_ENV
// process.env.NODE_ENV = 'production'
const spinner = ora('building for ' + process.env.NODE_ENV + ' of ' + process.env.env_config+ ' mode...' )
2、build中webpack.prod.conf.js
const env = require('../config/'+process.env.env_config+'.env')
3、在config中新建sit.env.js
module.exports = {
NODE_ENV: '"production"',
ENV_CONFIG: '"sit"',
BASE_API: '"http://sit.xxx.com"',
}
4、package.json
"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "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", },
这样就能根据不同环境打包所需的包