当前位置: 首页 > news >正文

uniapp 添加分包页面,配置分包预下载

为什么要分包 ?

分包即将小程序代码分成多个部分打包,可以减少小程序的加载时间,提升用户体验

添加分包页面

比较便捷的方法是使用vscode插件 uni-create-view

  1. 新建分包文件夹
    以在我的页面,添加分包的设置页面为例,新建文件夹 src\pagesMember

  2. 在分包文件夹上,添加分包页面
    在这里插入图片描述
    在这里插入图片描述
    回车后,即完成分包页面的添加

在这里插入图片描述
在 src\pages.json 中自动新增了代码

  "subPackages": [{"root": "pagesMember","pages": [{"path": "settings/settings","style": {"navigationBarTitleText": "设置"}}]}],

为什么要配置分包预下载 ?

分包预下载配置可以指定在用户打开指定页面时,预下载指定的分包,可提升进入分包页面的速度,提升用户体验

配置分包预下载

src\pages.json

  // 配置分包预下载"preloadRule": {"pages/my/my": {"network": "all","packages": ["pagesMember"]}}

含义为:在打开页面 pages/my/my 时,所有网络下都预下载分包 pagesMember

http://www.lryc.cn/news/265371.html

相关文章:

  • 成功案例分享:物业管理小程序如何助力打造智慧社区
  • Electron执行本地cmd命令
  • YOLOv8改进 | 主干篇 | 利用MobileNetV3替换Backbone(轻量化网络结构)
  • MATLAB Mobile - 使用预训练网络对手机拍摄的图像进行分类
  • LangChain入门指南:定义、功能和工作原理
  • 关键字:import关键字
  • 【C#】.net core 6.0 通过依赖注入注册和使用上下文服务
  • 关于redis单线程和IO多路复用的理解
  • 第四十一章 XML 映射参数摘要
  • redis之五种基本数据类型
  • RocketMQ系统性学习-RocketMQ高级特性之消息大量堆积处理、部署架构和高可用机制
  • Angular 进阶之五: Signals到底用不用?
  • 构建数字化金融生态系统:云原生的创新方法
  • 前端性能优化五:css和js位置
  • 苏州耕耘无忧物联网:降本增效,设备维护管理数字化转型的引领者
  • 15个热门的开源数据可视化项目
  • 【第七在线】数据分析与人工智能在商品计划中的应用
  • 【圣诞】极安云科赠书活动第①期:CTF实战:从入门到提升
  • 分布式搜索elasticsearch概念
  • Linux环境安装Hadoop
  • swing快速入门(二十五)
  • 智能优化算法应用:基于卷尾猴算法3D无线传感器网络(WSN)覆盖优化 - 附代码
  • 前端传输formDate格式的数据,后端不能用@RequestBody接收
  • 【AivaAI】做音乐,无人能比它更专业
  • 嵌入式开发网络配置——windows连热点,开发板和电脑网线直连
  • 基于Netty构建Websocket服务端
  • 基于Rocket MQ扩展的无限延迟消息队列
  • Python办公自动化 – 日志分析和自动化FTP操作
  • MyBatis 关联查询
  • NVIDIA NCCL 源码学习(十二)- double binary tree