vue-cli 在不同的环境下打包

项目开发一般有多环境，测试环境，预生产环境，生产环境。
可根据不同环境打包不同的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",
  },

这样就能根据不同环境打包所需的包