当前位置:首页 > 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
    }
  }
}

打包优化建议

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

注意事项

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

uniapp打包

标签: uniapp
分享给朋友:

相关文章

uniapp使用npm

uniapp使用npm

uniapp中使用npm的方法 uniapp支持通过npm安装和管理第三方依赖包,以下是具体操作步骤: 安装Node.js环境 确保本地已安装Node.js(建议使用LTS版本),安装后会自动包含n…

uniapp怎么启动

uniapp怎么启动

启动UniApp项目的步骤 确保已安装Node.js(建议版本12+)和HBuilderX(官方IDE)。若未安装,需先下载并配置环境。 安装开发工具 从HBuilderX官网下载对应操作系统的版…

uniapp部署到服务器

uniapp部署到服务器

部署准备 确保本地开发环境已完成项目构建,生成静态文件(H5端为/dist/build/h5目录)。检查服务器环境是否安装Nginx/Apache等Web服务软件,并配置好域名解析。 上传文件 通…

uniapp树形选择

uniapp树形选择

uniapp树形选择实现方法 使用uni-data-checkbox组件 uniapp内置的uni-data-checkbox组件支持树形结构选择,适用于多级分类场景。配置时需要将数据格式化为树形结构…

uniapp面试问啥

uniapp面试问啥

技术基础类问题 UniApp框架特性 跨端实现原理及条件编译的使用场景 如何理解"一次开发,多端运行"的优缺点 rpx与vw/vh单位的适配差异 Vue相关 生命周期在Un…

精通uniapp

精通uniapp

掌握UniApp的基础知识 UniApp是一个基于Vue.js的跨平台开发框架,支持一次开发多端部署(如H5、小程序、App等)。核心概念包括Vue语法、组件化开发、条件编译(针对不同平台适配)以及U…