# Package.json 分包上传

package 分包上传案例分享：

当小程序单包文件大小超过 2M 时就会收到警告表示单包内容不能大于 2M

总包大小不能超过 20M 即使时接入了 pay 支付系统也不能大于 30M

微信，抖音等都有自己的规定；超过了会出现一些未知的问题，解决这个问题：

实际开发中我们会用到云储存，分包等方法；今天我们介绍一下简单的分包

除 tabbar 组件外的组件都可以使用分包上传

步骤：

1. 在 page 同级目录下配置分包文件 packageA,packageB 用来对数据进行分包

2. 利用调试开发工具的依赖分析查看可分包的功能模块，分别移动到 packageA,packageB

3. 在 pages.json 文件中配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

"subPackages": [
		{
			"root": "packageA",
			"pages": [
				{
					"path" : "kkh/index",
					"style" : 
					{
						"navigationBarTitleText" : ""
					}
				}
			]
		}, 
		{
			"root": "packageB",
			"pages": [
				{
					"path" : "wws/index",
					"style" : 
					{
						"navigationBarTitleText" : ""
					}
				}
			]
			
		}
	],

来进行分包只需要将原本在 pages 里面的分组剪切过来到 subPackages 下的 pages 分组中即可，注意要根据文件名称移动到指定的分包

4. 配置完成后在开发者工具检查依赖项中是否有新的分包名称和大小，有即代表分包成功。

如果时在项目完成后修改分包大小记得要将代码中的页面跳转修改为对应路径

tip: 项目中的图片尽量储存在图床或指服务器中，可以在项目中对图片懒加载，组件懒加载等提高首次加载速度，减少用户等待时间。