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

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

相关推荐
AnalogElectronic13 小时前
uniapp学习6,滚动字幕播报
javascript·学习·uni-app
AnalogElectronic14 小时前
uniapp学习3,简易记事本
学习·uni-app
土土哥V_araolin14 小时前
一生手护分销模式系统开发概述
大数据·小程序·零售
Можно14 小时前
uni-app 三端上线全流程指南:H5 / 小程序 / App 完整发布手册
小程序·uni-app
土土哥V_araolin14 小时前
2+1链动退休模式系统(升级版)解析
大数据·小程序·零售
2501_9151063216 小时前
Flutter 开发工具有哪些 跨平台项目开发与上架实操指南
android·flutter·ios·小程序·uni-app·iphone·webview
摇滚侠16 小时前
JAVA 项目教程《苍穹外卖-10》,微信小程序项目,前后端分离,从开发到部署
java·开发语言·微信小程序
AnalogElectronic16 小时前
uniapp学习7,美团闪购生鲜蔬菜商家详情页
javascript·学习·uni-app
AnalogElectronic17 小时前
uniapp学习4,简易记事本2.0
学习·uni-app
小旋风0123417 小时前
uniapp开发app解决视频层级太高的问题(subNvue方法)
前端·uni-app·音视频