小程序开发之分包加载

最新推荐文章于 2025-06-07 13:57:10 发布

原创最新推荐文章于 2025-06-07 13:57:10 发布 · 603 阅读

0 ·

CC 4.0 BY-SA版权

小程序开发大小限制2M让不少人感到头疼，明明还有很多东西还没有放上去，却要忍受着大小的限制，一遍一遍的进行项目的优化。有时候代码还没撸多少，图片就已经占了将近多一半，很是头疼。不过好在官方提出一种分包加载机制解决这种哦办法。

    "pages": [
        "pages/home/index",
        "pages/center/center"
    ], 
    "subPackages": [
        {
            "root": "packageA",
            "pages": [
            "pages/star/star",
            "pages/personal/personal"
            ]
        }，
        {
            "root": "packageB",
            "pages": [
            "pages/xx/xx",
            "pages/xx/xx"
        }
    ],

目录结构如图

注：需要注意的是，我们需要将小程序刚打开的时候的页面放在主包内，分包可以放置一些功能模块。

整个小程序所有分包大小不超过 8M
单个分包/主包大小不能超过 2MpackageA 无法 require packageB JS 文件，但可以 require app、自己 package 内的 JS 文件
packageA 无法 import packageB 的 template，但可以 require app、自己 package 内的 template
packageA 无法使用 packageB 的资源，但可以使用 app、自己 package 内的资源