小程序代码前端超过 大小限制,处理办法分享
最近更新 2022年01月06日
资源编号 10996

小程序代码前端超过 大小限制,处理办法分享

2022-01-06 微擎教程 0 396 百度已收录
郑重承诺丨即刻码站提供安全交易、信息保真!
增值服务:
安装指导
环境配置
二次开发
网站建设
模板修改
源码安装
¥ 0 码币 开通VIP尊享优惠特权
立即下载 升级会员
详情介绍

开发小程序的过程中,我遇到一个比较尴尬的问题。就是使用远程调试和预览打包小程序代码时,显示文件过大请删除文件。刚开始还以为是在后台删除缓存就行,然而不是,清理了缓存也不行。

小程序代码前端超过 大小限制,处理办法分享

 

后来发现,是images文件过大,居然是2m~。此处截图没有,因为我是解决完问题才跑来写博客

解决方案就是优化图片了,优化的主要过程和目的是减小图片的大小。

1、去掉小图标的切图图片,改用iconfont字体图标

2、尽量避免使用png格式的图片,使用jpg格式

3、设计稿上图片是x2倍大小,切图导出时使用正常大小,不要使用x2大小的图片

4、视情况压缩图片质量,在导出选项内有

如果不是自己切图的,可以提醒ui切图注意以上几点

 

原大小:(x2倍)、png格式、196kb

小程序代码前端超过 大小限制,处理办法分享

修改为使用的正常大小,压缩图片质量,修改为jpg格式、5kb大小

小程序代码前端超过 大小限制,处理办法分享

活生生从2M压成了980kb

小程序代码前端超过 大小限制,处理办法分享

 

方法二:简单–直接压缩

记住一个工具,就是图片在线压缩,这个网址和 共赢源码网址一样的重要,你不放到浏览器收藏夹,可能哪天你要用的时候,你又找不到了!

在线压缩图片:

https://tinypng.com/

他可以一次性上传20张图片,直接上传在线压缩,可以减少 至少 30% ,而且,丝毫不损坏 图片本身的质量,不会模糊!

直接用压缩后的图片,替换掉 前端代码里面的图片,快捷,方便!

注意,这个压缩工具,只能压缩 jpg 和 png 格式的图片,不能压缩 gif

不过,压缩 png 图片真的很棒,有时候,png 可以减少图片 80%,有没有很牛逼?

顺便提醒一下,叮咚同城里面,不仅仅是 image 文件夹里面有图片,另外 还有,自己搜索

方法三: 前端–分包处理

前端代码,可以自己分包处理,你看禾匠的,3.8 M,为啥还是可以上传呢?

因为前段采用的分包处理,至于如何分包,请百度搜相关的技术文档,过些天空了的时候,专门针对分包,再写一篇嘛;

今天的分享,就此为止,高手和大牛可以飞过,这里写给 新手朋友。

资源下载此资源仅限注册用户下载,请先
即刻码站网络收集,免费为网站会员提供。请自行下载。 技术支持:973664285(VIP会员免费提供技术支持)
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

【声明:根据2013年1月30日《计算机软件保护条例》2次修订第17条规定: 为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存 储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬! 鉴于此,也希望大家按此说明研究软件!】
本站所有源码尽量保证原汁原味,如有特殊情况会作出声明及标注,网站资源不做任何二次加密(原版加密除外,不影响程序使用的不会做解密处理),方便您更好的学习参考。 在您的能力范围内,为了大环境的良性发展,请尽可能的选择正版资源。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

即刻码站__国内靠谱的站长资源下载平台 微擎教程 小程序代码前端超过 大小限制,处理办法分享 https://www.jike1995.com/10996.html

不懂你就问我撒,但是不要说我给的东西不行。-www.jike1995.com

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度
查看详情

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务