vite+vue3分平台打包

问题:项目一套代码需要支持发多个国家,有多个测试服,一个开发服,直接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、打包直接调用相关命令即可。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值