uniapp cli 手动打包如何操作

在uniapp cli项目中，如何手动进行打包操作？需要哪些具体步骤和配置？有没有详细的教程或注意事项？

2 回复

使用HBuilderX手动打包UniApp CLI项目：

  1. 打开HBuilderX
  2. 选择项目 → 发行 → 选择平台（小程序/App/H5）
  3. 配置证书和参数
  4. 点击打包，等待完成

注意：打包前确保项目能正常运行，配置好manifest.json文件。


在 UniApp CLI 项目中，手动打包主要通过命令行操作实现。以下是详细步骤：

1. 环境准备

确保已安装：

  • Node.js（建议 14+ 版本）
  • HBuilderX CLI（通过 npm install -g @dcloudio/vue-cli-plugin-hbuilderx 安装）

2. 打包命令

在项目根目录执行对应平台的打包命令：

微信小程序

npm run build:mp-weixin

生成目录：/dist/build/mp-weixin

H5

npm run build:h5

生成目录：/dist/build/h5

App（需额外配置）

npm run build:app-plus

需在 HBuilderX 中完成原生 App 云打包或本地打包。

3. 关键配置

检查 package.json 的 scripts 字段确保包含对应平台命令，并在 manifest.json 中配置各平台参数（如微信小程序 AppID）。

4. 注意事项

  • 首次使用需执行 npm install 安装依赖
  • 微信小程序需在开发者工具中导入生成目录
  • App 打包依赖原生环境，建议直接使用 HBuilderX 图形界面操作

通过以上步骤即可完成对应平台的手动打包。

回到顶部