vue项目多环境打包和运行

npm install --save cross-env

修改package.json

"scripts": {
 "start:aaa": "cross-env NODE_ENV=development env_config=aaadev webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
 "start:bbb": "cross-env NODE_ENV=development env_config=bbbdev webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

  "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
  "build:pre": "cross-env NODE_ENV=production env_config=pre node build/build.js",
  "build:aaa": "cross-env NODE_ENV=production env_config=aaaprod node build/build.js",
  "build:bbb": "cross-env NODE_ENV=production env_config=bbbprod node build/build.js"
},

创建所需的env.js文件
start:aaa—env_config=‘aaadev’（env_config的内容要和文件名相同）
创建aaadev.env.js文件

'use strict'
module.exports = {
  NODE_ENV: '"development"',
  env_config:'"aaadev"',
  base_url:'"要链接的ip地址"'
}

创建bbbdev.env.js文件

'use strict'
module.exports = {
  NODE_ENV: '"development"',
  env_config:'"bbbdev"',
  base_url:'"要链接的ip地址"'
}

修改build/webpack.dev.conf.js

new webpack.DefinePlugin({
    //所以env_config的内容要和文件名相同
  'process.env':require('../config/'+process.env.env_config+'.env')
}),

build:aaa—env_config=aaaprod
创建aaaprod.env.js

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  env_config:'"aaaprod"',
  base_url:'"打包时候的地址"'
}

修改build/webpack.prod.conf.js

const env = require('../config/'+process.env.env_config+'.env')

也可以修改build/build.js

const spinner = ora('  building for  '+ process.env.env_config +'....')
将process.env.NODE_ENV = 'production'