当我们程序太大的时候,打开小程序就会比较慢,此处就需要用到分包加载,按照模块划分不同的包,让用户在需要的时候才加载对用的模块,也就是用户在进入某些页面的时候才下载该页面的资源,提高小程序的打开速度,以及首次加载资源的速度。

通常情况下,我们建的文件都在根文件夹下的pages里面



根文件夹其实就是主包,主包的文件对应在app.jsonpages内的路径,比如在pages内新建一个home文件夹,home文件夹内新建index.wxml文件。



小程序在打开的时候会加载主包内的内容,如果所有文件都写在主包,那么打开小程序的时候会加载大量资源,导致小程序打开缓慢。

解决方法:分包加载

比如在这里要新建一个积分专区,那么主包内只需要新建一个对应的文件夹,这个是tabbar文件,必备,进入积分专区后,在专区内跳转的页面指定到子包,对应的模块在子包内完成。

新建子包

在根文件夹下新建一个文件夹,文件夹可以根据模块来命名,新建文件夹后在app.json中配置。



subpackages就是子包,内部的{"root":'xxx'}就是子包的文件夹名

{
"root" : 'xxxx'
}

pages就是文件夹下的文件路径,跟正常新建的文件流程一样。

如果要新建多个分包则在subpackages内配置多个包即可。

"subpackages" : {
{
"root": "包1",
"name": "包1",
"pages": [
"路径"
]
},
{
"root" : '包2'
.....
}
}

最新文章

  1. WPF 主题切换(Z)
  2. C#自动生成漂亮的水晶效果头像
  3. Oracle索引简单介绍与示例
  4. jsp中利用response.senddirect(str)重定向,传递参数新思路
  5. 【CSS】Beginner2:Selectors, Properties, and Values
  6. CSDN帐号被盗尚未?
  7. Swift实现JSON转Model - HandyJSON使用讲解
  8. servlet什么时候被实例化?【转】
  9. Flutter介绍 - Flutter,H5,React Native之间的对比
  10. eclipse如何将项目上传到码云
  11. 剑指offer(18)二叉搜索树的后续遍历
  12. wet 下载jdk 64位
  13. Distance
  14. [模板][P3803]多项式乘法
  15. 带你了解CSRF和XSS(一)
  16. diff命令的参数详解和实例 【转】
  17. innodb_log_buffer_size和innodb_buffer_pool_size参数说明
  18. HttpServletRequest的使用
  19. txt文本框设为密码模式后,后台(服务器端)设置不了值
  20. C++ Primer Plus学习:第二章

热门文章

  1. python安装request及更新pip
  2. Selenium4+Python3系列(九) - 上传文件及滚动条操作
  3. easui 两个combobox相互选中时至对方为空的解决方案
  4. AI绘画提示词创作指南:DALL·E 2、Midjourney和 Stable Diffusion最全大比拼 ⛵
  5. 【Linux】个人笔记本安装Centos并开放22端口供外网连接
  6. 4.5:HDFS操作实验
  7. 数据结构学习——BST删除特定节点
  8. 个人电脑公网IPv6配置
  9. 铁威马NAS添加SSL证书实现HTTPS安全访问
  10. maven 项目依赖自动导入失败(pom.xml 文件爆红),解决--手动导入