由于现在的项目打包本地服务器和客户的服务器的需求,所以需要添加多环境的打包的指令。过程比较简单:
1.首先要在跟文件夹下建立.env
比如 .env.pro1和.env.pro2。
其中内容主要包括:
NODE_ENV='production'
VUE_APP_API_BASE_URL=xxx
主要区别就是api的地址。
2.修改根目录下的package.json
"scripts": {
"serve": "vue-cli-service serve",
"build-pro1": "vue-cli-service build --mode pro1",
"build-pro2": "vue-cli-service build --mode pro2",
"lint": "vue-cli-service lint",
"predeploy": "yarn build"
},
3.打包
打包pro1的环境则: yarn run build-pro1
打包pro1的环境则: yarn run build-pro2
总结:通过以上步骤就能简单的实现多环境的打包的功能了。