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 广州

相关推荐
软件管理系统1 小时前
基于小程序的高校后勤报修管理系统
小程序
青春逝如流水3 小时前
微信小程序开发入门
微信小程序·小程序·入门
weixin_lynhgworld6 小时前
淘宝扭蛋机小程序:开启线上娱乐与购物的全新融合时代
小程序·娱乐
树欲静而风不止慢一点吧6 小时前
小米手环9应用/游戏开发快速入门
前端·javascript·小程序
游戏开发爱好者87 小时前
抓包工具有哪些?代理抓包、数据流抓包、拦截转发工具
android·ios·小程序·https·uni-app·iphone·webview
棒棒的唐7 小时前
vant小程序版弹窗穿透滚动的解决方案
小程序
翔云 OCR API8 小时前
NFC护照识读鉴伪解决方案-小程序/app端护照鉴伪
小程序
郑州光合科技余经理11 小时前
技术解析:如何打造适应多国市场的海外跑腿平台
java·开发语言·javascript·mysql·spring cloud·uni-app·php
前端 贾公子11 小时前
uniapp之实现拖拽排序
uni-app
禾高网络11 小时前
互联网医院定制|互联网医院|禾高互联网医院搭建
java·大数据·人工智能·小程序