当前位置:首页 > 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和vue有什么区别

uniapp和vue有什么区别

uniapp和vue的区别 1. 定位与用途 Vue:一个渐进式JavaScript框架,专注于构建用户界面,适用于开发单页应用(SPA)或复杂前端项目。 UniApp:基于Vue.js的跨…

uniapp实现标题栏渐变

uniapp实现标题栏渐变

实现标题栏渐变的方法 在UniApp中实现标题栏渐变效果,可以通过修改页面的导航栏样式或使用自定义导航栏来实现。以下是几种常见的方法: 方法一:使用原生导航栏渐变 通过修改pages.json中的…

uniapp广播

uniapp广播

全局事件通信 在UniApp中实现广播功能可通过全局事件机制完成,适用于跨页面或组件通信。使用uni.$emit、uni.$on、uni.$off等方法实现事件的触发、监听与移除。 发送广播(触发事…

房产uniapp

房产uniapp

房产类UniApp开发指南 UniApp作为跨平台开发框架,适用于快速构建房产类应用(如二手房交易、租房平台、新房展示等)。以下是关键开发要点和实现方法: 技术选型与框架配置 跨平台适配:使用Uni…

uniapp 网络封装

uniapp 网络封装

uniapp 网络请求封装方法 uniapp 提供了 uni.request 方法进行网络请求,但直接使用可能导致代码重复和维护困难。封装网络请求可以提高代码复用性和可维护性。 基础封装示例 创建一…

uniapp 跟随键盘

uniapp 跟随键盘

uniapp 键盘弹出时调整布局的方法 在 uniapp 中实现页面内容跟随键盘弹出调整布局,可通过以下方式实现: 监听键盘高度变化 使用 uni.onKeyboardHeightChange 监听…