vue2版本下如何分环境打包

前言

公司分不同的服务器，测试、预生产、生产，如果不是k8s自动化部署的情况下，那每个环境都需要更改 域名配置，再重新打包，灰常麻烦，这时候懒人就想了个懒招
第一步：在static目录下建global目录，在global目录下建global.js文件

第二步：在global.js定义一个变量，来定义是哪个环境，如dev，test，uat，prd等

window.base = {
    
    
	dev:{
    
    
	   server:'http://&&&&',
	   serverweb:'http://wwwww'
	},
	test:{
    
    
	   server:'http://&&&&',
	   serverweb:'http://wwwww'
	}
	……
}

第三步：将global.js在index.html中引入

第四步：request请求的地方

`${
     
     base.sq + base.version}/apiXXXX`

第五步：打包完成之后修改下global.js相关的配置即可

这个情况下就可以不那么麻烦的每个环境都需要改配置，都需要重新打包，浪费时间
当然，如果是在k8s环境下，就是另外一种做法了，可以把相应的配置抽出来，做成一个公共的字典，就不用每次都改服务了