小程序分包注意事项

简介: 1. 背景包大小限制为3M已满足不了很多小程序场景,特别是小游戏场景包大小过大、网络不佳的场景下,小程序首次首页启动慢2. 分包加载原理3.结构分布  4.分包技巧 分包加载规则:1.首次启动时,先下载小程序主包,显示主包内的页面;2.如果用户进入了某个分包的页面,再下载这个对应分包,下载完毕后,显示分包的页面。

1. 背景

  • 包大小限制为3M已满足不了很多小程序场景,特别是小游戏场景
  • 包大小过大、网络不佳的场景下,小程序首次首页启动慢

2. 分包加载原理

resize,w_1494

3.结构分布

 

4.分包技巧

 

分包加载规则:

1.首次启动时,先下载小程序主包,显示主包内的页面;

2.如果用户进入了某个分包的页面,再下载这个对应分包,下载完毕后,显示分包的页面。

 

分包的意义:

采用分包加载,对开发者而言,能使小程序有更大的代码体积,承载更多的功能与服务;而对用户而言,可以更快地打开小程序,同时在不影响启动速度前提下使用更多功能

 

分包的划分:

在配置前首先需要开发者规划下各个分包需要容纳的内容,我们建议开发者按照功能划分的的原则,将同一个功能下的页面和逻辑放置于同一个目录下,对于一些跨功能之间公共逻辑,将其放置于主包下,这样可以确保在分包引用这部分功能时,这部分的逻辑一定存在。

 

分包注意事项:

1.避免分包与分包之间引用上的耦合。因为分包的加载是由用户操作触发的,并不能确保某分包加载时,另外一个分包就一定存在,这个时候可能会导致 JS 逻辑异常的情况,例如报「"xxx.js" is not defined」这样的错误;

2.一些公共用到的自定义组件,需要放在主包内

目录
相关文章
|
4月前
|
小程序
小程序的分包加载具体流程
小程序的分包加载具体流程
170 0
|
1月前
|
小程序 开发者
【微信小程序】-- 分包 - 独立分包 & 分包预下载(四十五)
【微信小程序】-- 分包 - 独立分包 & 分包预下载(四十五)
|
1月前
|
小程序
【微信小程序】-- 分包(四十四)
【微信小程序】-- 分包(四十四)
|
1月前
|
小程序 前端开发 UED
详细讲解uniapp转小程序分包教程!!!
详细讲解uniapp转小程序分包教程!!!
|
2月前
|
小程序
微信小程序如何分包管理
微信小程序如何分包管理
55 0
|
4月前
|
小程序 UED 开发者
微信小程序如何分包管理
微信小程序如何分包管理
|
4月前
|
小程序 UED
微信小程序分包
微信小程序分包
39 0
|
10月前
|
小程序
微信小程序分包
微信小程序分包
105 0
|
4月前
|
小程序 开发者
【微信小程序】分包
【微信小程序】分包
57 0
|
5月前
|
小程序 UED 开发者
微信小程序如何分包管理
微信小程序如何分包管理
74 0

热门文章

最新文章