uniapp | 实现微信小程序端的分包处理

问题:

当微信开发者工具上传代码时,出现Error: 代码包大小超过限制,main package source size 2113KB exceed max limit 2048KB [20250910 09:15:31][wx822e805b1c2c4ac2] [1.06.2504010][win32-x64]

一、创建新分支

在进行分包重构这类重大结构调整前,创建新分支是最好的方法

好处 说明
🔒 安全性 主分支不受影响,出错可回退
🧪 可实验 可尝试多种分包方案
🤝 协作 多人评审后再合并
🚫 防误提交 避免未完成代码上线

操作步骤:

1.查看当前分支

git branch

2.查看是否有未提交的更改

git status

3.先提交或暂存当前修改

git add .

git commit -m"保存当前工作进度'

4.创建并切换到分包专用分支

git checkout -b feature-subpackage-weixin

二、项目拆分

1.根据上传时给的依赖提示,来进行拆分,将主包里面耦合度低的部分先拆分出去

2.保留主页和用户页面内容在主包,其他的尽量分给分包

对应的pages.json文件也要修改:

3.拆分完成后,要运行看一下有没有报错之类的,一般报错都是路径问题,可以找到对应页面查看

成功运行,在微信开发者工具里面预览页面也是没有问题,就说明拆包成功了。

三、合并分支

1.切换到主分支

git checkout feature-initial

2.合并之前创建的新分支

git merge feature-sub-weixi

这样就完美完成了分包处理!!!

相关推荐
卷Java12 小时前
饼状图修复总结
java·spring boot·uni-app·echarts
说私域12 小时前
开源AI大模型、AI智能名片与S2B2C商城小程序:用户需求满足的底层逻辑与实践路径
人工智能·小程序·开源
闲蛋小超人笑嘻嘻13 小时前
find数组方法详解||Vue3 + uni-app + Wot Design(wd-picker)使用自定义插槽内容写一个下拉选择器
前端·javascript·uni-app
2501_9160074714 小时前
前端开发工具都有哪些?常用前端开发工具清单与场景化推荐
android·ios·小程序·https·uni-app·iphone·webview
2501_9159090617 小时前
iOS 应用上架全流程解析,苹果应用发布步骤、ipa 上传工具、TestFlight 测试与 App Store 审核经验
android·macos·ios·小程序·uni-app·cocoa·iphone
茶憶17 小时前
uniapp 请求接口封装和使用
vue.js·uni-app
肥喵蒙太奇20 小时前
uniapp 使用towxml
uni-app
Nan_Shu_6141 天前
学习:uniapp全栈微信小程序vue3后台-额外/精彩报错篇
前端·学习·微信小程序·小程序·uni-app·notepad++
尘似鹤1 天前
微信小程序学习(三)补充
学习·微信小程序
老华带你飞1 天前
机电公司管理小程序|基于微信小程序的机电公司管理小程序设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·微信小程序·小程序·机电公司管理小程序