小程序使用分包

分包

支持分包的小程序目录结构如下：

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

开发者通过在 app.json subpackages 字段声明项目分包结构：

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

引用原则

1. packageA 无法 require packageB JS 文件，但可以 require 主包、packageA 内的 JS 文件；使用 分包异步化 时不受此条限制
2. packageA 无法 import packageB 的 template，但可以 require 主包、packageA 内的 template
3. packageA 无法使用 packageB 的资源，但可以使用主包、packageA 内的资源

分包异步化能有效解决主包大小过度膨胀的问题。

分包异步化

「分包异步化」将小程序的分包从页面粒度细化到组件甚至文件粒度。这使得本来只能放在主包内页面的部分插件、组件和代码逻辑可以剥离到分包中，并在运行时异步加载，从而进一步降低启动所需的包大小和代码量。