vue一键打差别环境的包

1.设置package.json

   紧张看的是 "build:all": "vue-cli-service build && vue-cli-service build --mode test && vue-cli-service build --mode development",

1.   "scripts": {
2.     "dev": "vue-cli-service serve",
3.     "build:prod": "vue-cli-service build",
4.     "build:test": "vue-cli-service build --mode test",
5.     "build:all": "vue-cli-service build && vue-cli-service build --mode test && vue-cli-service build --mode development",
6.     "build": "pkg src/server/admin_web_server.js -t node12-win-x64,node12-linux-x64 -o my-server",
7.     "build:stage": "vue-cli-service build --mode staging",
8.     "preview": "node build/index.js --preview",
9.     "lint": "eslint --ext .js,.vue src",
10.     "test:unit": "jest --clearCache && vue-cli-service test:unit",
11.     "test:ci": "npm run lint && npm run test:unit",
12.     "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml"
13.   },

复制代码

2.新增你需要的环境

   
  

  
  .env.development 

1. # just a flag
2. ENV = 'development'

复制代码

 .env.production

1. # just a flag
2. ENV = 'production'

复制代码

 .env.test

1. # just a flag
2. ENV = 'test'

复制代码

  3.修改vue.config.js中的 outputDir

  

1. module.exports = {
2. ...
3.   publicPath: '/',
4.   outputDir: 'dist-'+process.env.ENV,
5.   assetsDir: 'static',
6.   lintOnSave: false,
7.   productionSourceMap: false,
8. ...
9. }

复制代码

 outputDir 是打包后输出的目次;也可按照其他方式命名，每个环境不一样即可
   4.打包

   终端实行：npm run  build:all
  
  

  搞定