vue多环境运行打包
基于vue和cross-env的解决方案
添加到容器自动化部署说明
-
添加cross-env 依赖包
cnpm i cross-env -S
-
package.json中添加对应的环境运行打包命令,类似下面的内容
"dev:sit": "cross-env NODE_ENV=sit node build/dev-server.js",
"dev:uat": "cross-env NODE_ENV=uat node build/dev-server.js",
"dev:sdv": "cross-env NODE_ENV=sdv node build/dev-server.js",
"build:sit": "cross-env NODE_ENV=sit node build/build.js",
"build:uat": "cross-env NODE_ENV=uat node build/build.js",
"build:sdv": "cross-env NODE_ENV=sdv node build/build.js"
- 在项目中配置对应的地址(像我的项目就是在static/config/env.js文件下配置)
sit: {
baseUrl: '***',
},
uat: {
baseUrl: '***',
},
sdv: {
baseUrl: '***',
},
- config/index.js
build:{
env: !process.env.NODE_ENV ? require('./prod.env') : {NODE_ENV:"\'"+process.env.NODE_ENV+"\'"},
...
dev: {
env: !process.env.NODE_ENV ? require('./dev.env') : {NODE_ENV:"\'"+process.env.NODE_ENV+"\'"},
大致的思路就是这样,有其他的疑惑欢迎一起交流。
自己的一点总结,水平有限,大神勿喷。