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

相关推荐
摸鱼一级选手3 分钟前
uni-app 常用钩子函数:从场景到实战,掌握开发核心
前端·vue.js·uni-app
weixin_177297220698 小时前
家政小程序系统开发:引领家政服务数字化转型
大数据·小程序
dzzzs8 小时前
会议室预约小程序主要功能及预约审批流程
微信小程序·小程序·web app
发财北8 小时前
如何开发线下陪玩儿小程序
小程序·产品运营·内容运营
2501_915106329 小时前
移动端网页调试实战,iOS WebKit Debug Proxy 的应用与替代方案
android·前端·ios·小程序·uni-app·iphone·webkit
nhc08812 小时前
实体门店怎么利用小程序做好分销
小程序·软件开发
腾马科技16 小时前
微信小程序餐饮扫码点餐小程序堂食外卖桌台自助下单源码
微信小程序·小程序
用户69903048487518 小时前
uniapp 构建本地txt跨平台小程序、h5、app通用
微信小程序·uni-app
weixin_lynhgworld20 小时前
打造绿色生活新方式——旧物二手回收小程序系统开发之路
java·小程序·生活
胡八一20 小时前
使用qianjkun uniapp 主应用 集成 vue微应用
前端·vue.js·uni-app