当前位置:首页 > uni-app

uniapp命令行分包

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

uniapp 命令行分包方法

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

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

"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)

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

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

注意事项

uniapp命令行分包

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

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

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

相关文章

uniapp隐藏滚动条

uniapp隐藏滚动条

在UniApp中隐藏滚动条可以通过以下几种方法实现,具体根据使用场景选择: 全局样式设置(APP/H5) 通过修改全局CSS样式隐藏滚动条,适用于所有页面: ::-webkit-scrollbar…

uniapp打包

uniapp打包

uniapp打包步骤 H5平台打包 在项目根目录运行以下命令生成H5资源文件: npm run build:h5 打包完成后,文件默认输出到/dist/build/h5目录,可直接部署到Web服务器…

uniapp关闭侧滑

uniapp关闭侧滑

禁用全局侧滑返回功能 在pages.json中配置全局禁止侧滑返回: { "globalStyle": { "popGesture": "none" } } 禁用单个页面侧滑返回 在…

海康 uniapp

海康 uniapp

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

uniapp get

uniapp get

uniapp 获取数据的方法 在 uniapp 中获取数据可以通过多种方式实现,包括 API 请求、本地存储、页面传参等。以下是一些常见的方法: API 请求获取数据 使用 uni.request…

uniapp 画板

uniapp 画板

uniapp 实现画板功能的方法 在 uniapp 中实现画板功能,可以通过 canvas 组件结合触摸事件来完成。以下是一个基本的实现方案: 基本画板实现 在 template 中添加 canva…