微信小程序_分包预加载处理

使用背景：

微信限制了小程序代码包不能超过 2MB，然而，2MB 的大小严重限制了小程序功能的扩展，小程序业务的发展可能需要更多的空间，为了突破2MB大小的限制，同时不影响小程序访问响应速度，微信推出了“分包加载方案”。

---

分包准备工作：

开发者需根据自己的实际业务开展，将整个程序按照功能和业务划分为几个不同的模块，在构建时根据自己划分的模块将打包成不同的分包，用户在使用时按需进行加载。

---

进行分包操作：

通过配置app.json实现分包加载处理。

{
	// 主包(tabBar页面必须在主包内)
	"pages": [ 
		"pages/index/index",
	],
	// 声明 subpackages 后，将按 subpackages 配置路径进行打包，subpackages 配置路径外的目录将被打包到 app（主包） 中
	"subPackages":[
		{
			"root" : "pages/Package_InfoSearch", // 分包根目录
			"name":'',//分包的别名
			"independent":'',//分包是否是独立分包(独立分包不可使用主包的样式、函数)
			"pages":[//分包页面路径，相对与分包根目录
				"LedgerList/LedgerList"
			]
		}
	],
	// 分包结束后，触发某些页面时预下载分包资源
	// key：页面路径
	// value：进入此页面的预下载配置
	"preloadRule":{
		"pages/Package_InfoSearch/LedgerList/LedgerList" : {
			"network" : "all",// 在指定网络下预下载（可选all和wifi）
			"packages": [ //进入页面后预下载分包的 root 或 name。__APP__ 表示主包。
				"pages/Package_InfoSearch/"
			]
		}
	}
}

注：目前小程序分包大小有以下限制：

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