vue-cli3根据环境打包不同项目

安装cross-env插件

cnpm i --save cross-env

 

1.修改package.json，如下 

"scripts": {
    "devcom": "cross-env API_ENV=com  vue-cli-service serve  --open",
    "devgov": "cross-env API_ENV=gov vue-cli-service serve  --open",
    "com": "cross-env BUILD_ENV=com API_ENV=com vue-cli-service build",
    "gov": "cross-env BUILD_ENV=gov API_ENV=gov vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

　　

npm run devcom  打开的是com环境下的

npm run  devgov  打开的是gov环境下的

npm run com  是打包com项目

npm run gov  是打包gov项目

 

2.添加.env文件在根目录下，在文件里面添加下面这句

VUE_APP_API_ENV=${API_ENV}

　　

3.在vue.config.js中的 plugins 中添加

new webpack.DefinePlugin({
        SITE_CONFIG: JSON.stringify({
          title: title
        }),
        'process.env': {
          NODE_ENV: JSON.stringify(process.env.BUILD_ENV)
        }
})