当前位置: 首页 > news >正文

解决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,其他所有图片都使用七牛云等平台进行托管,不要把图片资源放进代码里面,否则微信小程序上传代码时会提示代码质量不过关

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

http://www.lqws.cn/news/454789.html

相关文章:

  • 嵌入式学习笔记——day36-多路IO复用
  • 在PHP环境下使用SQL Server的方法
  • Ruoyi(若依)整合websocket实现信息推送功能(消息铃铛)
  • AS32A601与ASM1042芯片在电力系统自动化监控中的应用效能分析
  • tkinter Entry(输入框)组件学习指南
  • Linux/Armageddon
  • Sentinel 服务限流机制
  • 信息抽取数据集:多层次分类与深度分析综述
  • C#读取OPCUA节点数据
  • API 调试工具校验 JSON Mock 接口(一):无参请求与基础响应验证
  • Android 当apk是系统应用时,无法使用webView的解决方案
  • 汽车加气站操作工考试题库含答案【最新】
  • DB面试题
  • mysql查询使用`_rowid` 虚拟列
  • vtk和opencv和opengl直接的区别是什么?
  • Pinia在多步骤表单中的实践应用
  • 芯谷科技--高性能、高可靠性降压转换器D3502C
  • 泛型方法调用需要显示指定泛型类型的场景
  • 【JUC面试篇】Java并发编程高频八股——线程池
  • 5G 浪潮:发展全景、困境突围与未来航向
  • Fiddler抓包工具使用技巧:如何结合Charles和Wireshark提升开发调试效率
  • conda(Anaconda/Miniconda)常用命令
  • 头部黄金珠宝品牌扬帆狮城,百胜双中台一体化方案护航全球化运营
  • Linux下nginx访问路径页面
  • 【MySQL篇10】:四种分库分表详解
  • 云蝠智能大模型呼叫系统:为企业提供专业的智能客户联络
  • 第3讲、LangChain性能优化:上下文缓存与流式响应实战指南
  • 通过Radius认证服务器实现飞塔/华为防火墙二次认证:原理、实践与安全价值解析
  • django serializer __all__中 额外添加外键里的某一个属性
  • King’s LIMS 系统引领汽车检测实验室数字化转型