微信小程序——分包加载

什么是分包？

在构建小程序的分包项目时候，构建会输出一个或者多个功能的分包。其中每个分包小程序必定会包含一个主包，所谓主包，就是放置默认的启动页面/tabbar页面，以及一些所有分包都需要用到的公共资源/JS脚本，而分包则是根据开发者的配置进行划分。

什么是分包加载

以上进行分包之后，用户在使用的时候按需进行加载，成为分包加载。

为什么要分包加载

对小程序进行分包，可以优化小程序的首次启动的下载时间，以及在多团队共同开发的时候可以更好的解耦操作。

怎么使用？

假设文件目录结构如下：

├── app.js
├── app.json
├── app.wxss
├── packageA
│ └── pages
│ ├── cat
│ └── dog
├── packageB
│ └── pages
│ ├── apple
│ └── banana
├── pages
│ ├── index
│ └── logs
└── utils

我们可以通过app.json中的subPackages字段中声明项目分包结构：

{
  "pages":[
    "pages/index",
    "pages/logs"
  ],
  "subPackages": [
    {
      "root": "packageA",
      "pages": [
        "pages/cat",
        "pages/dog"
      ]
    }, {
      "root": "packageB",
      "pages": [
        "pages/apple",
        "pages/banana"
      ]
    }
  ]
}

打包原则

• 声明了subPackages后，将按subPackages配置的路劲进行打包，subPackages配置的 路径之外的目录将被打包到app（主包）中
• app（主包）也可以有自己的pages（最外层的 pages）
• subPackage 的根目录不能是另外一个 subPackage 内的子目录
• 首页的 TAB 页面必须在 app（主包）内

引用原则

也就是当前packageA都不能使用packageB的JS文件、template以及资源