微信小程序分包_微信小程序配置分包pages.json-优快云博客

本文链接：https://blog.youkuaiyun.com/Feng_zheng_/article/details/135505400

本文介绍了微信小程序为何需要分包来减小主包体积，以及如何通过配置manifest.json和pages.json实现分包。重点讲述了分包的好处（如优化首启动和团队协作），并列出了具体的步骤和大小限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么要分包

体积过大的时候，去真机调试或者说预览的时候会报错

为了使小程序主包体积减小，我们需要使用小程序分包

好处

可以优化小程序首次启动的下载时间

在多团队共同开发时可以更好的解耦协作

限制

分包：根据开发者的配置进行划分

所有分包大小不超过 20M，单个分包/主包大小不能超过 2M

步骤

1.在manifest.json去配置，开启分包功能

打开源码试图

   "mp-weixin" : {
        "appid" : "touristappid",
        "setting" : {
            "urlCheck" : true,
            "checkSiteMap" : false
        },
        "usingComponents" : true,
   //在此处加上以下一句话
		"optimization":{"subPackages":true}
    },

2.将pages.json里的页面提出来

1.首先在根目录下创建文件夹，如图 pagesA\B\C

2.将页面直接移入新建的文件夹中

3.在pages.json中加入subPackages，里面是对象

"subPackages": [
	{"root":"pagesA",//	子包的根目录
		"pages":[{
                    "path" : "register/register",//这里的路径和pageS一样
                    "style" :                                                                                    
                {
                    "navigationBarTitleText": "注册",
                    "enablePullDownRefresh": false
                }
                
                },
				{
				            "path" : "login/login",//这里的路径和pageS一样
				            "style" :                                                                                    
				        {
				            "navigationBarTitleText": "登录",
				            "enablePullDownRefresh": false
				        }
				        
				        }
            ]},]

4.再将修改在其他页面中引用过，这些刚移动了的页面的路径。