开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第14天,点击查看活动详情
app.json文件中,可以设置分包加载,分包预下载、分包内同一模块的隔离策略 。
分包加载
- 在spp.json文件中设置
subPackages字段,来实现分包加载。 - 分包加载指的就是把要打开的首页内容可以放在主包里,第一次进页面只加载首屏,其他页面内容,放置在分包里,这样可以提高打开首屏的速度,对首屏进行优化。
典型的分包小程序目录如下:
具体的详细配置:
| 字段 | 类型 | 说明 |
|---|---|---|
| root | String | 分包根目录。 |
| pages | StringArray | 分包页面路径。 |
要注意:分包下的文件结构要保持和珠宝的结构是一样的。
-
开发者配置
subPackages后,服务端将按subPackages配置的路径进行打包,subPackages配置路径外的目录将被默认打包到主包中。 -
启动页面和 tabBar 的所有页面都必须放在主包中。
-
每个分包的根目录不能是另外一个分包内的子目录。
-
分包之间不能相互引用对方包中的资源(例如图片和 JS 脚本等),分包可以引用主包和自己包内的资源。
-
分包和主包是分别独立打包的,同一个 JS 模块会在主包和分包中分别存在。
分包的大小也是有限制的
-
整个小程序所有分包大小不超过 8MB。
-
单个分包或主包大小不能超过 2MB。
说明:目前对分包个数没有限制。
acss文件不支持属性选择器,如果acss文件中需要引入背景图片,必须使用绝对路径,不支持相对路径。
以上就是对今天所学的内容做的总结,分包的话写微信小程序的时候练习着,看来支付宝小程序的分包和微信小程序是一样的。