微信小程序如何分包

分包

为什么使用分包?
小程序第一版 推出 小程序代码包不能超过1MB 大小,所以,小程序可以秒开,但是随着业务的发展,又推出整个小程序所有分包大小不超过 8M,而8M不能秒开,于是就推出分包加载。
对于小程序而言
整个小程序所有分包大小不超过 8M
单个分包/主包大小不能超过 2M

在小程序启动时,默认会下载主包并启动主包内页面
当用户用户进入分包内某个页面时,客户端会把对应分包下载下来,下载完成后再进行展示。

分包支持版本

微信客户端 6.6.0,基础库 1.7.3 及以上版本开始支持。开发者工具请使用 1.01.1712150 及以上版本

对于小程序游戏而言
目前小游戏分包大小有以下限制:

整个小游戏所有分包大小不超过 8M
单个分包/主包大小不能超过 4M

分包支持版本

微信 6.6.7 客户端,2.1.0 及以上基础库开始支持,请更新至最新客户端版本,开发者工具请使用 1.02.1806120 及以上版本

好啦 上面我们简单了解了一下为什么要分包那下面我们说一下 分包的步骤

分包的步骤

第一步 :在项目目录里面添加一个文件夹 packageapp.json同级

微信小程序如何分包_第1张图片
然后我们在package文件夹里面创建一个packageA文件夹
微信小程序如何分包_第2张图片

然后我们在packageA里面新建page文件

最后我们在 app.json文件里面设置

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

分包配置
subpackages里面的配置项包括
root String 分包根目录
name String 分包别名,分包预下载时可以使用
pages StringArray 分包页面路径,相对与分包根目录
independent Boolean 分包是否是独立分包

那么,分包到这里就分好啦!

如果有看不懂的童鞋们,可以移步去微信开发文档看看哦

你可能感兴趣的:(微信小程序如何分包)