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 内容自动生成了

相关推荐
00后程序员张8 分钟前
Windows / Linux / Mac 上不用 Xcode 把 IPA 上传到 App Store,upload 命令详解
android·ios·小程序·https·uni-app·iphone·webview
风月说与山鬼1 小时前
八、uni-app页面调用接口
uni-app
梦梦代码精17 小时前
基于UniApp+Vue3+ThinkPHP 8,这套知识付费系统的架构设计有点东西
java·低代码·docker·uni-app·开源·php
梓彤科技19 小时前
样式已经更新,用户仍看到旧页面?武汉网站建设中的缓存版本控制
搜索引擎·小程序·seo·网站开发·geo
风月说与山鬼20 小时前
三、uni-app页面配置(pages.json)
前端·uni-app
mashirro1 天前
记一次基于ruoyi-vue新增小程序服务模块,小程序登陆相关
vue.js·小程序·mybatis
风月说与山鬼1 天前
二、uni-app入口文件(main.js)
javascript·uni-app
2601_956743681 天前
技术选型指南|D‑coding 小程序开发,定制能力如何转化项目服务价值
小程序·coding·开发经验
weishuangyun1231 天前
微信小程序怎么选公司?上线流程详解
大数据·小程序
show4332 天前
2026微信小程序视频转文字多语种识别引擎技术选型:22种方言25种外语挑战
微信小程序·小程序·音视频