编程中的分包概念

分包（Package Splitting/Code Splitting）是现代软件开发中的一种重要优化技术，主要目的是将大型应用程序拆分成更小、更易管理的模块或包。

分包的核心优势

性能优化：通过将代码分割成多个包，可以实现按需加载，减少初始加载时间。用户只需要下载当前需要的代码，而不是整个应用程序。

缓存效率：当应用更新时，只有修改过的包需要重新下载，未修改的包可以继续使用缓存版本，提高加载速度。

并行加载：多个包可以同时下载，充分利用网络带宽，缩短总体加载时间。

代码组织：将功能相关的代码组织在一起，提高代码的可维护性和可读性。

微信小程序分包详解

微信小程序的分包是一个特别重要的功能，因为小程序有严格的体积限制。

基本概念

微信小程序分包将小程序划分为主包和若干个分包：

  • 主包：包含默认启动页面和公共资源
  • 分包：根据功能模块划分的独立包

体积限制

  • 整个小程序所有分包大小不超过 20MB
  • 单个分包/主包大小不超过 2MB
  • 主包通常建议控制在 1MB 以内

分包配置

在 app.json 中配置分包结构：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "subPackages": [
    {
      "root": "packageA",
      "name": "pack1",
      "pages": [
        "pages/cat/cat",
        "pages/dog/dog"
      ]
    },
    {
      "root": "packageB", 
      "name": "pack2",
      "pages": [
        "pages/apple/apple",
        "pages/banana/banana"
      ]
    }
  ]
}

目录结构示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
├── app.js
├── app.json
├── app.wxss
├── pages/
│   ├── index/
│   └── logs/
├── packageA/
│   └── pages/
│       ├── cat/
│       └── dog/
└── packageB/
    └── pages/
        ├── apple/
        └── banana/

分包预下载

可以配置在进入某个页面时预下载分包：

1
2
3
4
5
6
7
8
{
  "preloadRule": {
    "pages/index/index": {
      "network": "all",
      "packages": ["pack1"]
    }
  }
}

独立分包

独立分包可以独立于主包运行：

1
2
3
4
5
6
7
8
9
10
11
{
  "subPackages": [
    {
      "root": "moduleA",
      "pages": [
        "pages/rabbit/rabbit"
      ],
      "independent": true
    }
  ]
}

使用注意事项

跳转限制：分包内页面可以访问主包页面，但不能直接访问其他分包页面，需要先跳转到主包页面再跳转到目标分包。

资源引用：分包可以引用主包的公共资源，但不能引用其他分包的资源。

tabBar限制：tabBar页面必须在主包中。

插件限制：使用插件的页面必须在主包中。