vue多环境打包配置

发表于
  1. 安装cross-env
    npm 安装cross-env
  2. package.json:
    “build-prod”: “cross-env NODE_ENV=production node build/build.js”,
    “build-test”: “cross-env NODE_ENV=testing node build/build.js”
  3. build/webpack.prod.conf.js:
    // const env = process.env.NODE_ENV === ‘testing’
    // ? require(‘../config/test.env’)
    // : require(‘../config/prod.env’)
    const env = config.build[process.env.NODE_ENV+’Env’]
  4. config/index.js:
    build: {
    productionEnv: require(‘./prod.env’),
    testingEnv: require(‘./test.env’),
    developmentEnv: require(‘./dev.env’),
  5. build/build.js:
    // process.env.NODE_ENV = ‘production’.
    使用方法：
    在config/dev.env.js、prod.env.js、test.env.js下分别定义，如：WO_PLUS_API: ‘“http://aaa.bbb.ccc/aa"',在vue使用时就直接写：process.env.WO_PLUS_API