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

朝阳392023-12-23 16:54

为什么要分包 ?

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

添加分包页面

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

新建分包文件夹

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

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

在 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