uniapp开发微信小程序时如何进行分包(新手图文)

我们在进行uniapp微信小程序开发的时候,每次上传都提示包太大,主包大小不能超过 2M,

这就很头疼,这个时候,唯一的解决方案就是分包了,那如何进行分包呢?

分包步骤如下:

一、配置manifest.json

在manifest.json文件中,针对微信小程序平台的配置添加optimization字段,开启分包优化。

复制代码
{
  "mp-weixin": {
    "optimization": {
      "subPackages": true
    }
  }
二、创建分包目录

pages里是主页面,pagesA和pagesB是我新建的2个分包目录

三、配置pages.json

在pages.json中配置分包信息。你需要添加subPackages字段,指定分包的根目录和包含的页面。

javascript 复制代码
{
  "pages": [
    // 主包配置
  ],
  "subPackages": [
    {
      "root": "pagesA",
      "pages": [
        {
          "path": "list",
          "style": {
            "navigationBarTitleText": "列表页",
            "enablePullDownRefresh": false
          }
        },
        {
          "path": "tab",
          "style": {
            "navigationBarTitleText": "标签页",
            "enablePullDownRefresh": false
          }
        }
      ]
    }
  ],
  // 其他配置...
}

2025.5.4 广州

相关推荐
m0_587383001 小时前
广州24小时自助健身房解决方案实战指南与系统部署要点
java·spring·小程序·架构·需求分析
ZeroNews内网穿透2 小时前
企业内网穿透别再用随机域名!自有域名实现 OA/ERP 公网安全访问
微信小程序·内网穿透·erp·zeronews·运维实战·企业oa·自有域名
郑州光合科技余经理3 小时前
同城电商系统:库存变更怎么同步到订单
java·开发语言·前端·后端·uni-app·php·ai编程
m0_587383006 小时前
西安同城拼车软件开发实战指南:从零搭建高效系统
人工智能·小程序·数据挖掘·系统架构·需求分析
weixin_lynhgworld9 小时前
抽取类盲盒小程序的五条合规红线意味着什么?
小程序
现任明教教主~10 小时前
运营级多门店洗车贴膜汽车在线核销保养服务系统洗车预约洗车系统消费分佣扫码核销系统
微信小程序·小程序·汽车
小小王app小程序开发11 小时前
盲盒微信小程序开发实战:架构、核心难点与实现方案
小程序
陪我去看海13 小时前
被要求猛出小程序,做了这个多平台多环境的部署替我承受压力
前端·微信小程序·抖音小程序
無名路人14 小时前
小程序点餐页吸顶滚动之分类按需加载,上划切换
前端·vue.js·微信小程序
用户788477316341 天前
一个门店预约小程序,真正难的不是页面,是这 4 个后端接口
微信小程序