问题:项目一套代码需要支持发多个国家,有多个测试服,一个开发服,直接production和development不大够,代码还需要根据不同地区给出不同需求。
环境:
node: v14.19.3
vue: ^3.2.25
vite: ^2.9.9
处理方案:
按照传参动态配置参数,在代码里面判断参数属于哪个平台,然后处理相应的逻辑。
步骤:
1、在项目主目录创建如下文件,平台参数
//.env
VITE_VERSION = 2.4.92
VITE_PLATFORM = dev
//.env.brazil
VITE_PLATFORM = brazil
其他平台依次类推。
2、添加打包参数(package.json里面的scripts):
"build": "vue-tsc --noEmit && vite build",
"build_india": "vue-tsc --noEmit && vite build --mode india",
"build_brazil": "vue-tsc --noEmit && vite build --mode brazil",
3、使用的时候就直接判断对应参数:
const platform = import.meta.env.VITE_PLATFORM
if (platform === 'india') {
}
4、打包直接调用相关命令即可。