【uni-app】配置小程序分包

小管打天下

已于 2022-11-14 00:14:12 修改

阅读量264

点赞数

分类专栏： # uni-app 文章标签：小程序 uni-app 前端

于 2022-11-14 00:12:59 首次发布

本文链接：https://blog.csdn.net/qq_42647547/article/details/127839946

版权

uni-app 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了如何通过配置uni-app的分包来提升小程序的启动速度。核心内容包括创建分包目录、在pages.json中声明subPackages，以及将非tabBar页面放入分包，以此减少首次加载时间。通过实例展示了分包的具体操作步骤。

摘要由CSDN通过智能技术生成

配置小程序分包

分包可以减少小程序首次启动时的加载时间

为此，我们在项目中，把 tabBar 相关的 4 个页面放到主包中，其它页面（例如：商品详情页、商品列表页）放到分包中。在 uni-app 项目中，配置分包的步骤如下：

在项目根目录中，创建分包的根目录，命名为 subpkg

在 pages.json 中，和 pages 节点平级的位置声明 subPackages 节点，用来定义分包相关的结构：

{
  "pages": [
    {
      "path": "pages/home/home",
      "style": {}
    },
    {
      "path": "pages/cate/cate",
      "style": {}
    },
    {
      "path": "pages/cart/cart",
      "style": {}
    },
    {
      "path": "pages/my/my",
      "style": {}
    }
  ],
  "subPackages": [
    {
      "root": "subpkg",
      "pages": []
    }
  ]
}