打包
项目地址配置
.env.production
VITE_SERVER_BASEURL 改成生产地址
// 变量必须以 VITE_ 为前缀才能暴露给外部读取
NODE_ENV = 'development'
// 是否去除console 和 debugger
VITE_DELETE_CONSOLE = true
// 是否开启sourcemap
VITE_SHOW_SOURCEMAP = false
VITE_SERVER_BASEURL = '你线上的地址'
一、打包 H5
- 运行命令
pnpm run build:h5 或 pnpm run build
- 产物放服务器
产物地址:dist/build/h5
二、打包 Android
- uniapp 开发者中心 实名认证
- 确认你是是该应用的成员或者拥有者
- BHuilderX 编辑器 发行 -- 云打包
- 选择 Android 相关配置

- 等待 2-5 分钟,打包成功(产物地址:dist/release/apk/)
三、打包微信小程序
-
申请微信小程序AppID, 参考:微信教程。
-
在.env文件中输入步骤1申请的微信小程序appid
# UNI_APPID 的格式:__UNI__111111
VITE_UNI_APPID = '你的uniapp项目的AppID'
# WX_APPID 的格式:wx1abcd2efg1111
VITE_WX_APPID = '你的微信小程序的AppID'
- 在HBuilderX中顶部菜单上单击
发行
->小程序-微信
- 发行后,项目启动会打开你本地配置的微信开发者工具,这里可以测试一下你的项目基础功能
如果是首次使用,需要先配置小程序微信开发者工具的安装路径(见下图1),HBuilderX才能自动运行微信开发者工具; 若HBuilderX不能自动启动微信开发者工具,则开发者可以自行打开微信开发者工具启动, 将uni-app生成的小程序工程的路径(见下图2)复制到微信开发者工具里面即可
5.上传到微信公共平台
- 登录 微信公共平台,将新版本提交审核即可
注意项目用到相关域名需要再这里配置
四、打包鸿蒙
-
注册 华为开发者,获取包名
- 在
manifest.config.ts
填入包名
4.HBuilderX编辑器,发行 - App-Harmony-本地打包
- 打包成功 (产物地址:dist/release/(包名)/build/outputs/release/)