支付宝小程序2(分包加载、acss文件)

150 阅读2分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第14天,点击查看活动详情

app.json文件中,可以设置分包加载,分包预下载、分包内同一模块的隔离策略

分包加载

  • 在spp.json文件中设置subPackages字段,来实现分包加载。
  • 分包加载指的就是把要打开的首页内容可以放在主包里,第一次进页面只加载首屏,其他页面内容,放置在分包里,这样可以提高打开首屏的速度,对首屏进行优化。

典型的分包小程序目录如下:

1.png

具体的详细配置:

2.png

字段类型说明
rootString分包根目录。
pagesStringArray分包页面路径。

要注意:分包下的文件结构要保持和珠宝的结构是一样的。

  • 开发者配置 subPackages 后,服务端将按 subPackages 配置的路径进行打包,subPackages 配置路径外的目录将被默认打包到主包中。

  • 启动页面和 tabBar 的所有页面都必须放在主包中。

  • 每个分包的根目录不能是另外一个分包内的子目录。

  • 分包之间不能相互引用对方包中的资源(例如图片和 JS 脚本等),分包可以引用主包和自己包内的资源。

  • 分包和主包是分别独立打包的,同一个 JS 模块会在主包和分包中分别存在。

分包的大小也是有限制的

  • 整个小程序所有分包大小不超过 8MB。

  • 单个分包或主包大小不能超过 2MB。

说明:目前对分包个数没有限制。

acss文件不支持属性选择器,如果acss文件中需要引入背景图片,必须使用绝对路径,不支持相对路径。

以上就是对今天所学的内容做的总结,分包的话写微信小程序的时候练习着,看来支付宝小程序的分包和微信小程序是一样的。