欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  互联网

微信小程序如何分包

程序员文章站 2022-04-01 10:37:41
分包为什么使用分包?小程序第一版 推出 小程序代码包不能超过1MB 大小,所以,小程序可以秒开,但是随着业务的发展,又推出整个小程序所有分包大小不超过 8M,而8M不能秒开,于是就推出分包加载。对于小程序而言整个小程序所有分包大小不超过 8M单个分包/主包大小不能超过 2M在小程序启动时,默认会下载主包并启动主包内页面当用户用户进入分包内某个页面时,客户端会把对应分包下载下来,下载完成后再进行展示。分包支持版本微信客户端 6.6.0,基础库 1.7.3 及以上版本开始支持。开发者工具请使用...

分包

为什么使用分包?
小程序第一版 推出 小程序代码包不能超过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同级

微信小程序如何分包
然后我们在package文件夹里面创建一个packageA文件夹
微信小程序如何分包

然后我们在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 分包是否是独立分包

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

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

本文地址:https://blog.csdn.net/weixin_47592687/article/details/110108552