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

相关推荐
码起来呗2 小时前
基于Spring Boot的乡村拼车小程序的设计与实现-项目分享
spring boot·后端·小程序
2501_916007473 小时前
iOS文件管理工具深度剖析,从系统沙盒到跨平台文件操作的多工具协同实践
android·macos·ios·小程序·uni-app·cocoa·iphone
shykevin3 小时前
uni-app x开发商城系统,扩展组件uni-ui实现底部商品导航
uni-app
wapchief4 小时前
微信小程序camera相机帧转图片base64
微信小程序·小程序
QuantumLeap丶4 小时前
《uni-app跨平台开发完全指南》- 05 - 基础组件使用
vue.js·微信小程序·uni-app
发财北4 小时前
全屋智能家居定制小程序
小程序
2501_915918415 小时前
Flutter 加固方案对比与实战,多工具组合的跨平台安全体系(Flutter App 加固/IPA 成品混淆/Ipa Guard CLI/自动化安全流程)
安全·flutter·ios·小程序·uni-app·自动化·iphone
说私域6 小时前
定制开发AI智能名片S2B2C商城小程序的发展与整合资源策略研究
人工智能·小程序
TiAmo zhang8 小时前
微信小程序开发案例 | 个人相册小程序(上)
微信小程序·小程序
00后程序员张20 小时前
iOS 上架费用全解析 开发者账号、App 审核、工具使用与开心上架(Appuploader)免 Mac 成本优化指南
android·macos·ios·小程序·uni-app·cocoa·iphone