当我们程序太大的时候,打开小程序就会比较慢,此处就需要用到分包加载,按照模块划分不同的包,让用户在需要的时候才加载对用的模块,也就是用户在进入某些页面的时候才下载该页面的资源,提高小程序的打开速度,以及首次加载资源的速度。
通常情况下,我们建的文件都在根文件夹下的pages
里面
根文件夹其实就是主包,主包的文件对应在app.json
中pages
内的路径,比如在pages
内新建一个home
文件夹,home
文件夹内新建index.wxml
文件。
小程序在打开的时候会加载主包内的内容,如果所有文件都写在主包,那么打开小程序的时候会加载大量资源,导致小程序打开缓慢。
解决方法:分包加载
比如在这里要新建一个积分专区,那么主包内只需要新建一个对应的文件夹,这个是tabbar
文件,必备,进入积分专区后,在专区内跳转的页面指定到子包,对应的模块在子包内完成。
新建子包
在根文件夹下新建一个文件夹,文件夹可以根据模块来命名,新建文件夹后在app.json
中配置。subpackages
就是子包,内部的{"root":'xxx'}
就是子包的文件夹名
{
"root" : 'xxxx'
}
pages
就是文件夹下的文件路径,跟正常新建的文件流程一样。
如果要新建多个分包则在subpackages
内配置多个包即可。
"subpackages" : {
{
"root": "包1",
"name": "包1",
"pages": [
"路径"
]
},
{
"root" : '包2'
.....
}
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。