小程序分包以及分包页面的分享

最新推荐文章于 2024-08-27 23:06:49 发布

ZhaoYulin6

最新推荐文章于 2024-08-27 23:06:49 发布

阅读量905

点赞数

分类专栏：微信小程序文章标签：小程序 javascript

本文链接：https://blog.csdn.net/ZhaoYulin6/article/details/112278258

版权

本文介绍了小程序分包的原因、步骤及预下载机制。分包允许整个小程序不超过8M，单个分包不超过2M。启动时默认下载主包，进入分包页面时客户端会下载对应分包。分包支持的基础库版本为2.3.0以上，预下载配置在app.json的preloadRule字段。独立分包在6.7.2及以上版本支持，可提升分包页面启动速度，无需下载主包。

摘要由CSDN通过智能技术生成

1.分包

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

对于小程序而言

整个小程序所有分包大小不超过 8M
单个分包/主包大小不能超过 2M

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

分包支持的版本
微信客户端6.6.0，基础库 1.7.3 及以上版本开始支持。开发者工具请使用 1.01.1712150 及以上版本
转载：https://www.jianshu.com/p/e51316e15a6a

2.小程序的分包步骤

step1：
添加项目目录

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

step2：
在app.json中的目录结构中添加分包目录(subpackages或subPackages都可以)

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