小程序使用分包的示例代码小程序使用分包的示例代码
本文介绍了小程序使用分包的示例代码,分享给大家,具体如下:
官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html
某些情况下,开发者需要将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。
总结就是小程序内所有代码图片资源大小超过2M,此时就可以考虑创建分包,扩大小程序容量
目前小程序分包大小有以下限制:
整个小程序所有分包大小不超过 12M
单个分包/主包大小不能超过 2M
在小程序启动时,默认会下载主包并启动主包内页面,当用户进入分包内某个页面时,客户端会把对应分包下载下来,下载完成后再进行展示。
注意:TabBar所对应的页面和一些公共的方法和资源必须放在主包,在主包页面调用分包的组件或者方法都是不顶用的
使用分包使用分包
开发者通过在 app.jsonsubpackages字段声明项目分包结构:
{
"pages": [
"pages/index/index",
"pages/logs/logs"
],
"subpackages": [
{
"root": "packageA",
"pages": [
"pages/index/index",
"pages/user/user"
]
},
{
"root": "packageB",
"pages": [
"pages/index/index",
"pages/mall/mall"
]
}
],
"preloadRule": {
"pages/index/index": {
"network": "all",
"packages": [
"packageA"
]
}
},
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"style": "v2",
"sitemapLocation": "sitemap.json"
评论0