【uni-app】subPackages 分包加载机制

最新推荐文章于 2025-10-11 09:03:08 发布

转载最新推荐文章于 2025-10-11 09:03:08 发布 · 1k 阅读

4 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/cdnotes/p/14435647.html

文章标签：

#前端

微信小程序早期代码包限制为1MB，后来提升至2MB，以保证快速启动体验。但这一限制影响了功能扩展，因此引入了分包加载。分包能优化首次启动下载时间，并便于多团队协作。分包结构需在app.json的subpackages字段中声明，注意tabBar页面需置于主包。分包页面跳转需使用全路径。

起初小程序上线时，微信限制了代码包不能超过1MB，后来功能变大变成了2M了，限制大小是出于对小程序启动速度的考虑，希望用户在使用任何一款小程序时，都能获得一种“秒开”体验。但是，2MB也限制了小程序功能的扩展，小程序业务的发展可能需要更大的体积。为了解决这个问题，微信推出了—分包加载。

小程序分包加载

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

切记一条，如果你的项目是要实现tabBar底部导航的，tab的页面一定要放在pages下面，不能放分包下面去注册

目录结构：

声明项目分包结构

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

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