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

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

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

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

list数组元素的属性:

属性 类型 是否必填 描述
root String 用于设置分包的根目录
pages Array 用于设置分包由哪些页面组成
相关推荐
PedroQue994 分钟前
uni-router:uni-app路由管理新选择
前端·uni-app
Cerrda8 分钟前
一行指令搞定复制:Vue 3 vCopy 实现解析
前端·代码规范
舟遥遥娓飘飘10 分钟前
文稿起草系统,离线学习写作人的“思维 + 风格“,按学到的特征起草新文稿,再用反馈闭环持续提升
windows·学习
英勇无比的消炎药11 分钟前
前端提效神器TinyRobot
前端·vue.js
踏着七彩祥云的小丑11 分钟前
Go学习第5天:变量作用域 + 数组 + 指针
开发语言·学习·golang·go
CDwenhuohuo23 分钟前
uni 背景色渐变 全屏
前端·javascript·vue.js
爱怪笑的小杰杰25 分钟前
Vue 项目交付第三方开发,如何隐藏核心 JS 源码?
前端·javascript·vue.js
之歆28 分钟前
Node.js 与 NPM 包管理完全指南
前端·npm·node.js
小二·38 分钟前
Vue 3 组合式 API 进阶实战
前端·javascript·vue.js
12点一刻39 分钟前
npx 使用入门教程:是什么、怎么用、和 npm 有什么区别
前端·npm·node.js