微信小程序分包
2024-10-20 01:20:42
当我们程序太大的时候,打开小程序就会比较慢,此处就需要用到分包加载,按照模块划分不同的包,让用户在需要的时候才加载对用的模块,也就是用户在进入某些页面的时候才下载该页面的资源,提高小程序的打开速度,以及首次加载资源的速度。
通常情况下,我们建的文件都在根文件夹下的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'
.....
}
}
最新文章
- WPF 主题切换(Z)
- C#自动生成漂亮的水晶效果头像
- Oracle索引简单介绍与示例
- jsp中利用response.senddirect(str)重定向,传递参数新思路
- 【CSS】Beginner2:Selectors, Properties, and Values
- CSDN帐号被盗尚未?
- Swift实现JSON转Model - HandyJSON使用讲解
- servlet什么时候被实例化?【转】
- Flutter介绍 - Flutter,H5,React Native之间的对比
- eclipse如何将项目上传到码云
- 剑指offer(18)二叉搜索树的后续遍历
- wet 下载jdk 64位
- Distance
- [模板][P3803]多项式乘法
- 带你了解CSRF和XSS(一)
- diff命令的参数详解和实例 【转】
- innodb_log_buffer_size和innodb_buffer_pool_size参数说明
- HttpServletRequest的使用
- txt文本框设为密码模式后,后台(服务器端)设置不了值
- C++ Primer Plus学习:第二章
热门文章
- python安装request及更新pip
- Selenium4+Python3系列(九) - 上传文件及滚动条操作
- easui 两个combobox相互选中时至对方为空的解决方案
- AI绘画提示词创作指南:DALL·E 2、Midjourney和 Stable Diffusion最全大比拼 ⛵
- 【Linux】个人笔记本安装Centos并开放22端口供外网连接
- 4.5:HDFS操作实验
- 数据结构学习——BST删除特定节点
- 个人电脑公网IPv6配置
- 铁威马NAS添加SSL证书实现HTTPS安全访问
- maven 项目依赖自动导入失败(pom.xml 文件爆红),解决--手动导入