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

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

相关推荐
初遇你时动了情1 天前
uniapp/flutter中实现苹果IOS 26 毛玻璃效果、跟随滑动放大动画
flutter·ios·uni-app
gys98951 天前
uniapp使用sqlite模块
数据库·sqlite·uni-app
abigale031 天前
开发实战 - ego商城 -补充:使用uniapp扩展组件
uni-app·uni-ui
weixin_177297220691 天前
旧物二手回收小程序:引领绿色消费,开启时尚生活新方式
小程序·盲盒
2501_916007471 天前
Fastlane 结合 开心上架(Appuploader)命令行实现跨平台上传发布 iOS App 的完整方案
android·ios·小程序·https·uni-app·iphone·webview
爱喝水的小周1 天前
《UniApp 页面导航跳转全解笔记》
前端·uni-app
韩立学长1 天前
【开题答辩实录分享】以《植物病虫害在线答疑小程序的设计与实现》为例进行答辩实录分享
spring boot·小程序·vue
CV大师杨某1 天前
如何在uni-app中禁用iOS橡皮筋效果?
ios·uni-app
More more1 天前
uniapp实时查看在线监控,JessibucaMobile实现横屏播放
前端·javascript·uni-app·jessibucamobile
好想早点睡.1 天前
vue2+UniApp微信小程序集成高德地图
微信小程序·小程序·uni-app