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

狮子喵发现有的朋友在上传小程序代码前端时提示超过 大小限制,处理办法分享

很简单
方法一:替换–文件路径

在你的小程序前端文件夹,找到 图片文件,一般是 image 或者 images,这里以 叮咚同城举例;

鼠标右键–排序方式—大小排列—就可以看到最大的图片了,第一张最大;

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

只需要在前端代码中找到最大的图片,zh_tcwq-wxapp\zh_tcwq\pages\image 里面,根据图片大小排列就可以看到,比如,最大的是 partner.jpg;

然后把这张图片传到你的服务器或者 OSS,我这里是举例,传到了我的阿里云 OSS;

把云端(我用 OSS)的图片地址复制下来,就成了:

https://oss-meishanc.meishanc.com/web/uploads/image/store_15/75532d7403df7a9efa61bd9305d024b291ceb375.jpg

然后,再 到开发者工具,搜索 partner.jpg,把 相对路径 换成 云端的网址  

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

只需要把

../image/partner.jpg

替换成

https://oss-meishanc.meishanc.com/web/uploads/image/store_15/75532d7403df7a9efa61bd9305d024b291ceb375.jpg
小程序前端代码超过大小限制,处理办法分享-狮子喵

最后,回过头来,前端代码中的  partner.jpg 已经没有用了,直接删除!!

这样一来,是不是 前端就减少了 几十 kb   ?

同样的道理,替换 第二张,第三章,直到 大小合乎 腾讯小程序标准为止,虽然有点麻烦,但是,简单,不用技术,不费脑嘛;

方法二:简单–直接压缩

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

在线压缩图片:

https://tinypng.com/

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

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

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

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

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

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

方法三: 前端–分包处理

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

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

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

声明:本站所有源码尽量保证原汁原味,如有特殊情况会作出声明及标注,网站资源不做任何二次加密和授权后门(原版加密除外,不影响程序使用的不会做解密处理),方便您更好的学习参考。 在您的能力范围内,为了大环境的良性发展,请尽可能的选择正版资源。

发表评论

欢迎访问狮子喵,建议使用 QQ 一键登录更便捷