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

相关推荐
雪芽蓝域zzs11 分钟前
uniapp 真机上传图片提示打包未添加Camera模块
android·uni-app
不爱说话郭德纲15 小时前
uni-app x iOS 离线打包踩坑总结
uni-app·xcode
人还是要有梦想的20 小时前
如何开发微信小程序
微信小程序·小程序·notepad++
pengles20 小时前
基于RuoYi-Vue-Plus项目实现移动端项目
java·vue.js·uni-app
inksci2 天前
Js生成安全随机数
前端·微信小程序
azhou的代码园2 天前
基于SpringBoot+微信小程序的图片识别科普系统
spring boot·后端·微信小程序
万岳科技系统开发2 天前
外卖系统选型与源码与 SaaS 实践的思考
数据库·小程序
志遥2 天前
我把 Sentry 接进了 7 端小程序:从异常捕获、Breadcrumb 到 Source Map 定位
微信小程序·监控
云起SAAS2 天前
在线客服系统源码 | 支持PC管理端+H5访客端+实时聊天
微信小程序·ai编程·看广告变现轻·在线客服系统源码
bug总结2 天前
小程序云函数 vs 传统前后端分离(阿里云)原理解析
阿里云·小程序·云计算