乐趣区

关于javascript:uniappvue3vite实现多环境打包

依据 uniapp 官网文档,生成 vue3 我的项目命令

npx degit dcloudio/uni-preset-vue#vite my-vue3-project

目前我的项目根本都存在多环境配置,在 package.json 文件中增加本人想要的命令在这里我增加了四个别离代表开发环境、测试环境、预公布环境和正式环境配置
然而脚手架生产的 package.json 是和旧版的不一样的
旧版

新版

咱们只须要增加 –mode [变量名] 就好了
例如:小程序打包测试环境

"build-test:mp-weixin": "uni --mode test -p mp-weixin"
npm run build-test:mp:weixin

这样 vite 就会找到对应的环境文件

当在 js 里想获取以后环境名时,只需输入 import.meta.env.MODE
注:为了避免意外地将 env 变量透露到客户端,只有以 VITE_前缀的变量才会裸露给通过 VITE_解决的代码

退出移动版