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

为什么要分包 ?

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

添加分包页面

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

  1. 新建分包文件夹

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

  2. 在分包文件夹上,添加分包页面

    回车后,即完成分包页面的添加

在 src\pages.json 中自动新增了代码

json 复制代码
  "subPackages": [
    {
      "root": "pagesMember",
      "pages": [
        {
          "path": "settings/settings",
          "style": {
            "navigationBarTitleText": "设置"
          }
        }
      ]
    }
  ],

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

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

配置分包预下载

src\pages.json

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

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

相关推荐
JaguarJack1 小时前
PHP 图像处理实战 GD/Imagick 从入门到精通,构建高性能图像服务
后端·php
偷光3 小时前
浏览器中的隐藏IDE: Elements (元素) 面板
开发语言·前端·ide·php
能工智人小辰13 小时前
Coordinate Attention for Efficient Mobile Network Design 学习笔记
笔记·学习·php
应用市场13 小时前
自建本地DNS过滤系统:实现局域网广告和垃圾网站屏蔽
开发语言·php
2501_9151063216 小时前
CDN 可以实现 HTTPS 吗?实战要点、部署模式与真机验证流程
网络协议·http·ios·小程序·https·uni-app·iphone
星如雨落18 小时前
Linux VScode 安装PHP环境
linux·php·visual studio code
宁小法21 小时前
PHP 数组 如何将新元素加到数组第一个位置(支持指定key => value)
php·数组·首个元素
运维闲章印时光1 天前
网络断网、环路、IP 冲突?VRRP+MSTP+DHCP 联动方案一次性解决
运维·服务器·开发语言·网络·php
板鸭〈小号〉1 天前
Socket网络编程(1)——Echo Server
开发语言·网络·php
LoveEate2 天前
uniapp 运行/发版微信小程序
微信小程序·小程序·uni-app