【UniApp小程序知识点总结】分包与预下载

【UniApp小程序知识点总结】分包与预下载

目录

一、 分包

1. 什么是分包?

2. 为什么要有分包?解决了哪些痛点?

3. 适合什么开发场景?

4. 在 uniapp 中如何配置?

二、 分包预下载

1. 什么是分包预下载?

2. 解决了什么痛点?

3. 适合什么场景?

4. 在 uniapp 中如何配置?

三、 企业真实开发过程中的要求与规范

四、 注意事项与进阶补充

1. 静态资源的坑

2. 独立分包

3. 分包预下载的“度”

4. 分包体积分析工具

在日常的微信小程序开发中,随着业务线不断扩展,页面数量成倍增加,很多开发者都会遇到一个令人头秃的问题:代码包体积超限,小程序无法预览和发布。

为了解决这个问题,微信官方提供了分包机制;而为了优化用户进入分包页面时的加载体验,又提供了分包预下载。在 uniapp 框架下,这两者的配置和使用有其特定的规范。

一、 分包

1. 什么是分包?

默认情况下,小程序的所有代码(包括 JS、WXML、WXSS、图片等)都打包在一个目录下,称为主包
分包则是将小程序划分成多个子目录(子包)。当用户启动小程序时,微信客户端只会先下载主包,等用户真正访问到某个分包内的页面时,才会去下载对应的分包。