当前位置:首页 > uni-app

uniapp命令行分包

2026-02-06 18:05:11uni-app

uniapp 命令行分包方法

uniapp 支持通过命令行进行分包操作,适用于优化应用加载速度和体积管理。以下是具体实现方式:

修改 manifest.json 配置 在项目根目录的 manifest.json 文件中添加分包配置:

uniapp命令行分包

"subPackages": [
  {
    "root": "subpackageA",
    "pages": [
      "pages/subA/page1",
      "pages/subA/page2"
    ]
  },
  {
    "root": "subpackageB",
    "pages": [
      "pages/subB/page1"
    ]
  }
]

通过命令行构建分包 使用 HBuilderX 或命令行工具执行分包构建:

# 开发环境构建
npm run dev:%PLATFORM% -- --subpackage subpackageA

# 生产环境构建
npm run build:%PLATFORM% -- --subpackage subpackageA

其中 %PLATFORM% 替换为目标平台(如 mp-weixin)

uniapp命令行分包

分包预加载配置pages.json 中配置预加载规则:

"preloadRule": {
  "pages/main/index": {
    "network": "all",
    "packages": ["subpackageA"]
  }
}

注意事项

  • 分包目录需位于项目根目录下
  • 主包必须包含 app 启动页面和 tabBar 页面
  • 分包之间不能互相引用资源
  • 微信小程序分包大小限制为总包 20M,单个分包 2M

查看分包信息 构建完成后,在 dist 目录下会生成对应的分包结构,可通过开发者工具查看分包加载情况。

标签: 命令行uniapp
分享给朋友:

相关文章

uniapp消息推送

uniapp消息推送

uniapp消息推送实现方法 uniapp支持多种消息推送方式,包括uniPush、个推、极光推送等。以下为常见实现方案: uniPush(官方推荐) uniapp官方提供的推送服务,基于DClou…

uniapp极光推送

uniapp极光推送

uniapp极光推送集成步骤 准备工作 注册极光推送开发者账号,创建应用获取AppKey。确保uniapp项目已配置好原生插件支持。 安装插件 在uniapp项目manifest.json文件中,选…

uniapp使用npm

uniapp使用npm

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

uniapp树形选择

uniapp树形选择

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

uniapp开发电视应用

uniapp开发电视应用

开发环境准备 确保已安装HBuilderX最新版本,这是uniapp官方推荐的开发工具。安装Node.js环境,用于依赖管理和打包构建。准备Android Studio或Xcode用于调试和打包TV应…

uniapp旋转横屏

uniapp旋转横屏

实现横屏模式的方法 在UniApp中实现横屏模式,可以通过配置页面方向或使用CSS旋转实现。以下是两种常见方法: 修改manifest.json配置 在项目的manifest.json文件中…