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

相关推荐
itstrue6 小时前
同城跑腿小程序帮取帮送接单抢单预约取件智能派单同城配送全开源运营版源码优创
小程序·跑腿小程序
一匹电信狗10 小时前
【Linux我做主】进度条小程序深度解析
linux·运维·服务器·c++·ubuntu·小程序·unix
说私域11 小时前
基于开源AI大模型AI智能名片S2B2C商城小程序源码的私域流量稳定性构建研究
人工智能·小程序·开源·零售
lh_125421 小时前
Uni-app 组件使用
前端·javascript·uni-app
Kx…………21 小时前
Day3:设置页面全局渐变线性渐变背景色uniapp壁纸实战
前端·学习·uni-app·实战·项目
万维易源1 天前
OCR身份证识别(正反面)_个人证照OCR识别_开放API接口使用指南
人工智能·小程序·数据分析·ocr
lh_12541 天前
前端 uni-app 初步使用指南
前端·arcgis·uni-app
Lonely丶墨轩2 天前
微信小程序
微信小程序
软工的小白2 天前
HBuider中Uniapp去除顶部导航栏-小程序、H5、APP适用
小程序·uni-app