关于uniapp小程序的分包问题

开发uniapp小程序时,在打包上传代码时会出现超出2M的打包限制不能上传,那么我们该怎么做呢?

1.对于图片,将图片从后端服务取,尽量不要放在静态资源,图片体积会影响打包大小。

2.使用分包,tabbar的页面可以放在主包里,其余的页面可以都放在分包里,能够大幅度的减少打包的体积,可以按照以下的文件结构配置,同时在manifest.json源码视图中配置如下:

由于使用插件默认会导入到uni_modules文件夹下,根目录下的uni_modules和components下的文件打包时会全部默认打包到主包中,那么这些插件和公共组件也需要分包处理,分包需要的插件可以放置到分包的目录下,分包下创建components文件,放入分包页面所用到的公共组件。

对于uni_modules中的插件,如果是页面单独使用,那么可以放在对应分包里的页面文件下单独引入即可。如果分包公共使用的放在分包下的components文件夹下引入使用即可。

主包使用的组件和插件保留即可。对于uni_modules中的插件,分包使用时就需要import来导入组件,然后components注册组件再使用就可以了。

分包也可以分多个,按照实际情况分包即可。

3.在开发工具中,详情中勾选 上传是自动压缩脚本文件,压缩文件后会大幅度减小打包体积。

相关推荐
2501_915106326 小时前
App HTTPS 抓包 工程化排查与工具组合实战
网络协议·ios·小程序·https·uni-app·php·iphone
dcloud_jibinbin8 小时前
【uniapp】小程序体积优化,分包异步化
前端·vue.js·webpack·性能优化·微信小程序·uni-app
2501_916008898 小时前
金融类 App 加密加固方法,多工具组合的工程化实践(金融级别/IPA 加固/无源码落地/Ipa Guard + 流水线)
android·ios·金融·小程序·uni-app·iphone·webview
2501_915921439 小时前
Fastlane 结合 开心上架(Appuploader)命令行版本实现跨平台上传发布 iOS App 免 Mac 自动化上架实战全解析
android·macos·ios·小程序·uni-app·自动化·iphone
游戏开发爱好者810 小时前
iOS 上架要求全解析,App Store 审核标准、开发者准备事项与开心上架(Appuploader)跨平台免 Mac 实战指南
android·macos·ios·小程序·uni-app·iphone·webview
00后程序员张11 小时前
混淆 iOS 类名与变量名的实战指南,多工具组合把混淆做成工程能力(混淆 iOS 类名变量名/IPA 成品混淆Ipa/Guard CLI 实操)
android·ios·小程序·https·uni-app·iphone·webview
2501_9160074715 小时前
iOS文件管理工具深度剖析,从系统沙盒到跨平台文件操作的多工具协同实践
android·macos·ios·小程序·uni-app·cocoa·iphone
shykevin15 小时前
uni-app x开发商城系统,扩展组件uni-ui实现底部商品导航
uni-app
QuantumLeap丶15 小时前
《uni-app跨平台开发完全指南》- 05 - 基础组件使用
vue.js·微信小程序·uni-app
2501_9159184117 小时前
Flutter 加固方案对比与实战,多工具组合的跨平台安全体系(Flutter App 加固/IPA 成品混淆/Ipa Guard CLI/自动化安全流程)
安全·flutter·ios·小程序·uni-app·自动化·iphone