解决uni-app发布微信小程序主包大小限制为<2M的问题

一 问题说明

我想用uniapp开发多端应用,引入了uview组件库来美化样式,可发布为微信小程序却提示我代码质量不过关,主包代码量太大了:

二 问题分析

2.1 原生微信小程序开发代码质量限制:

1.主包代码大小不得大于2M,总代码量不得大于20M

2.如果使用原生tabbar,那么tabbar所在页面一定要在主包内

3.主包不能访问子包里面的资源

4.图片资源总大小不得大于200k

2.2 uni-app打包为微信小程序uni-module里面的代码会被打包到主包里面

我用hbuilderx插件的方式引入uview(使用npm包引入的话在hbuilder里面没有语法提示,很不方便),那么uview组件库1.4M会被放入主包里面。再加上vue的核心代码,主包的大小直接爆了。

三 问题解决

要解决主包大小限制的问题,要从一下几个方面考虑:

1.不要使用原生tabbar

使用uview的Tabbar组件,那么这部分代码就会被当成普通业务代码处理,也就不存在限制2的问题。我的代码想放在哪个包就放在哪个包。

2.uview的组件库代码不能放在主包里面,也就是说主包里面的业务代码不能使用uview组件

这里建议主包里面就放一个引导页面或者是登录页,一个vue简单的vue文件就7k大小,自己写一些样式,可以保证不超过大小限制

3.所有业务代码,自定义组件都在子包里面定义

微信小程序对于子包的大小是没有限制的,所以所有的业务逻辑都放在子包里面吧

4.图片资源使用CDN托管

除了tabbar的icon,其他所有图片都使用七牛云等平台进行托管,不要把图片资源放进代码里面,否则微信小程序上传代码时会提示代码质量不过关

以上只是我在开发过程中的个人思考,仅供参考,如有更好的方案请在评论区发表您的看法

相关推荐
小码哥0683 小时前
从三甲综合医院到连锁诊所:医院管理小程序的场景化突围逻辑(陪诊系统-陪诊APP-陪诊小程序)
小程序·医院管理系统·陪诊小程序·陪诊系统·陪诊app
2501_916007473 小时前
iOS和macOS应用程序性能分析和优化工具使用综合指南
android·macos·ios·小程序·uni-app·iphone·webview
正在走向自律5 小时前
用豆包Seed Evolving打造全功能【AI智能记账】小程序,开源可落地
人工智能·小程序·开源·智能记账
小羊Yveesss1 天前
模板建站哪个平台好?模板数量之外还要比较编辑与SEO能力
大数据·人工智能·小程序
2501_916007471 天前
深入理解HTTPS对称与非对称加密机制及Charles抓包实践
网络协议·http·ios·小程序·https·uni-app·iphone
郑州光合科技余经理1 天前
家政O2O平台解析:从0搭建上门预约小程序解决方案
android·java·开发语言·前端·小程序·架构·php
小徐_23331 天前
AI 写 wot-ui 总在猜 API?我们把 Skills、MCP 和 CLI 都配好了
前端·uni-app·ai编程
维双云1 天前
小程序商城制作一个需要多少钱?2026报价明细与成本拆解
小程序
Liu.7741 天前
uni-app 组件 uni-easyinput 常见 Bug 及解决方案
uni-app·bug
郑州光合科技余经理1 天前
家政预约小程序后端源码深度剖析:支付回调实战
java·开发语言·前端·git·小程序·架构·php