当前位置:首页 > uni-app

uniapp打包

2026-02-05 17:09:09uni-app

Uniapp 打包流程

H5 打包 在项目根目录运行以下命令生成 H5 静态文件:

npm run build:h5

打包完成后文件默认输出到 /dist/build/h5 目录,可直接部署到 Web 服务器。

微信小程序打包 修改 manifest.json 配置小程序 AppID 后执行:

npm run build:mp-weixin

打包结果位于 /dist/build/mp-weixin,需通过微信开发者工具导入并上传。

Android App 打包 安装 HbuilderX 开发工具,在编辑器中选择:

发行 -> 原生App-云打包

需配置证书文件(.keystore),云打包会自动生成 APK/AAB 文件。

iOS App 打包 同样通过 HbuilderX 选择云打包,需提供:

  • Apple 开发者账号
  • 有效的证书文件(.p12)
  • 移动设备描述文件(.mobileprovision)

常见配置项

manifest.json 关键配置

{
  "appid": "第三方平台申请ID",
  "versionName": "1.0.0",
  "versionCode": "100",
  "app-plus": {
    "splashscreen": {
      "autoclose": true
    }
  }
}

打包优化建议

uniapp打包

  • 启用代码压缩:在 vue.config.js 中配置 optimization.minimize
  • 移除未使用组件:通过 easycom 按需引入
  • 图片资源压缩:建议使用 CDN 或转为 base64

注意事项

  • 安卓打包需注意 targetSdkVersion 兼容性设置
  • iOS 上架需处理隐私权限描述
  • 小程序分包时需在 pages.json 配置 subPackages
  • 云打包每日有免费次数限制,超出需付费

标签: uniapp
分享给朋友:

相关文章

uniapp模板库

uniapp模板库

uniapp模板库推荐 官方模板库 uni-app官方提供多个模板,涵盖电商、社交、新闻等多个领域。这些模板可直接在HBuilderX中通过新建项目选择,包含基础结构和常用功能模块,适合快速启动项目。…

uniapp视频

uniapp视频

uniapp视频开发基础 uniapp支持通过video组件实现视频播放功能,该组件兼容多端(H5、小程序、App等),基本用法如下: <template> <video…

海康 uniapp

海康 uniapp

海康威视与UniApp集成方案 海康威视的硬件设备(如摄像头、NVR等)与UniApp结合,通常需要通过海康的开放平台API或SDK实现功能调用。以下是具体实现方法: 获取海康威视开放平台权限 注册…

丸子uniapp

丸子uniapp

丸子UniApp简介 丸子UniApp是一个基于UniApp框架开发的移动应用解决方案,通常用于快速构建跨平台应用(如微信小程序、H5、Android/iOS等)。其核心特点是利用UniApp的“一次…

投票 uniapp

投票 uniapp

uniapp 投票功能实现 uniapp 是一个基于 Vue.js 的跨平台开发框架,可以用于开发微信小程序、H5、App 等多种应用。实现投票功能需要结合前端界面和后端数据处理。 前端界面设计 使…

uniapp 表格导入

uniapp 表格导入

uniapp 表格导入的实现方法 使用 uni.chooseFile 选择文件 在 uniapp 中,可以通过 uni.chooseFile API 让用户选择本地文件。该 API 支持多平台,包括…