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

相关推荐
小羊Yveesss1 小时前
2026年如何自己搭建一个外贸网页?单页验证和完整网站的区别
微信小程序·小程序·开源
宠友信息2 小时前
Spring Boot与异步审核构建仿小红书源码内容发布全流程
java·数据库·spring boot·redis·mysql·oracle·uni-app
蜡台3 小时前
uniapp vue2 转 vue3
前端·javascript·uni-app·vue3·vue2
言乐64 小时前
Python视频相对亮度检测
数据库·python·计算机视觉·小程序·音视频
2501_916008895 小时前
iOS 证书管理最佳实践 从创建到续期的完整指南
android·ios·小程序·https·uni-app·iphone·webview
小羊Yveesss18 小时前
2026年微信小程序搭建一般需要多长时间?不同方案周期和延期点
微信小程序·小程序
禾高网络21 小时前
互联网医院|AI 互联网医院成品开发系统
java·大数据·人工智能·小程序
小羊Yveesss1 天前
2026年微信小程序搭建算什么费用?年费、设计费、开发费和维护费
微信小程序·小程序
敖行客 Allthinker1 天前
UniApp iOS APNs 推送证书一站式配置
uni-app·mac
梦曦i1 天前
uni-router新推useUniEventChannel,彻底解决页面通信难题
前端·uni-app