Uni-app入门到精通:subPackages节点为小程序的分包加载配置

subPackages节点用于为小程序的分包加载配置。因小程序有体积和资源加载限制,各小程序平台提供了分包方式,以加快小程序的下载和启动速度。主包用于放置默认启动页面、babBar页面,以及一些所有分包都会用到的公共资源或JS脚本;而分包则根据pages.json的配置进行划分。

在小程序启动时,会默认下载主包并启动主包内的页面,当用户打开分包内某个页面时,对应分包会被自动下载下来,下载完成后再进行展示。此时终端界面会有等待提示。

subPackages节点接收一个数组list,list数组的每一项都是应用的分包,其元素的属性如下。设置subPackages节点后,再设置preloadRule分包预加载配置,在打开小程序的某个页面时,由框架自动预加载可能需要的分包,加快打开后续分包页面的速度。

list数组元素的属性:

属性 类型 是否必填 描述
root String 用于设置分包的根目录
pages Array 用于设置分包由哪些页面组成
相关推荐
universe_0110 分钟前
day25|学习前端js
前端·笔记
Zuckjet15 分钟前
V8 引擎的性能魔法:JSON 序列化的 2 倍速度提升之路
前端·chrome·v8
MrSkye15 分钟前
🔥React 新手必看!useRef 竟然不能触发 onChange?原来是这个原因!
前端·react.js·面试
wayman_he_何大民22 分钟前
初识机器学习算法 - AUM时间序列分析
前端·人工智能
juejin_cn24 分钟前
前端使用模糊搜索fuse.js和拼音搜索pinyin-match提升搜索体验
前端
....4921 小时前
Vue3 + Element Plus 实现可搜索、可折叠、可拖拽的部门树组件
前端·javascript·vue.js
teeeeeeemo1 小时前
如何做HTTP优化
前端·网络·笔记·网络协议·http
范范之交1 小时前
JavaScript基础语法two
开发语言·前端·javascript
long3161 小时前
构建者设计模式 Builder
java·后端·学习·设计模式
界面开发小八哥2 小时前
DevExtreme Angular UI控件更新:引入全新严格类型配置组件
前端·ui·界面控件·angular.js·devexpress