小程序使用分包的示例代码-创新互联
本文介绍了小程序使用分包的示例代码,分享给大家,具体如下:
创新互联建站长期为成百上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为织金企业提供专业的成都网站建设、网站设计,织金网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。官方文档: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" }
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章题目:小程序使用分包的示例代码-创新互联
本文地址:http://scyanting.com/article/ceosig.html