uniapp 配置小程序分包

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

分包页面(例如:商品详情页、商品列表页)。在 uni-app 项目中,配置分包的步骤如下:

1、右键点击根目录,新建,点击创建分包的根目录,命名为 subpkg。

2、在 pages.json 中,和 pages 节点平级的位置声明 subPackages 节点,定义分包相关结构:

javascript 复制代码
{
  "pages": [
    {
      "path": "pages/home/home",
      "style": {}
    },
    {
      "path": "pages/cate/cate",
      "style": {}
    },
  ],
  "subPackages": [
    {
      "root": "subpkg",  // 指定分包的 根目录
      "pages": []        // 存放分包 页面
    }
  ]
}

3、在 subpkg 目录上鼠标右键,点击 新建页面 选项,并填写页面的相关信息:

4、注意:分包 pages 内容自动生成了

相关推荐
郑州光合科技余经理1 天前
同城小程序开发:同一笔单在用户端和商家端各显示到哪
android·java·开发语言·前端·后端·uni-app·php
普通人61 天前
uniapp模版JS
开发语言·javascript·小程序·uni-app·1024程序员节
wiseyao12191 天前
uniapp scroll-view滚动到最后
前端·javascript·uni-app
andrsted1 天前
企业培训时间难统一?练题簿让在线免费刷题与培训考核更好安排
学习·微信小程序·小程序·学习方法·刷题
红红谈说1 天前
同一套产品两个技术栈,双版本前端工程差异怎么收敛?
前端·uni-app·vue3·前后端分离·双版本维护·接口约定
李纲明1 天前
微信小程序 wx.uploadFile 上传失败:合法域名、临时路径与 HTTPS 证书排查
微信小程序·小程序·uploadfile·devdiy·上传失败
hnxaoli1 天前
win10小程序(二十四)批量新建文件夹
小程序
Ai-_Man2 天前
Meta Muse还是不可以导出左侧所有对话,只能点进去单条内容导出,方法不对吗?
开发语言·人工智能·ai·小程序·c#·1024程序员节
andrsted2 天前
练题簿在线免费刷题:让整理过的资料,变成能反复练习的题库
学习·微信小程序·小程序·学习方法·刷题·1024程序员节
hudie7652 天前
LikeShop 二开最常改的 5 个文件(附改前改后对比)
前端·uni-app·php·个人开发