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

相关推荐
weixin_177297220693 分钟前
短剧小程序:引领碎片化娱乐新潮流
小程序·娱乐
qq_124987075321 分钟前
基于springboot的文化旅游小程序(源码+论文+部署+安装)
java·spring boot·后端·微信小程序·小程序·毕业设计·旅游
小小王app小程序开发12 小时前
抽赏小程序特殊赏玩法开发全解析:技术实现+架构支撑+合规落地
小程序·架构
江南西肥肥13 小时前
从手绘图到小程序,我用AI花了2个小时完成
小程序·vibecoding·claudecode
Rysxt_17 小时前
Flutter与UniApp底层逻辑深度对比
flutter·uni-app
柠檬树^-^18 小时前
小程序定位
小程序
iOS阿玮19 小时前
死了么 - 官方正版惨遭下架,背后原因竟是ta!
uni-app·app·apple
计算机毕设指导619 小时前
基于微信小程序民宿预订管理系统【源码文末联系】
java·spring boot·mysql·微信小程序·小程序·tomcat·maven
tjjucheng21 小时前
专业小程序定制开发公司推荐
大数据·小程序