vue多环境运行打包

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+"\'"},

大致的思路就是这样，有其他的疑惑欢迎一起交流。
自己的一点总结，水平有限，大神勿喷。