uniapp下微信小程序超过2MB大小限制的解决方法

在这里插入图片描述
小程序开发者们看到这样的错误是不是很头疼?
我来总结一下解决这个问题的 方法

1压缩静态文件大小

举例,一些icon图标、临时的静态图片加起来可能占用了几百KB
推荐一个压缩图片的网址https://tinypng.com/,一次限制20张,一次把它们丢进去,压缩好了再打包下载,替换到你的static文件夹
在这里插入图片描述丢几个图片进去试一下,压缩后节省了78%的空间!点击download all下载全部,会下载一个压缩包,解压后替换到本地文件夹即可。在这里插入图片描述

2缩减大量重复的css代码

view中style重复过多的用class(当然这样也就减少个几KB~几十KB),每个页面都有重复的class就在全局css文件里写样式

3注释掉pages.json某些代码

某些页面如果急着手机调试,但是还是超过2MB,可以先在pages.json里面注释掉几个页面再重新编译

4程序分包

比如在uniapp中小程序项目的文件夹的页面本来是存在/pages下的,现在要把它们分包成/pagesA和/pagesB
自己去微信小程序文档或者uniapp文档看吧https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html。
在这里插入图片描述

5不要在uni.scss中引用样式!

如果你在uni.scss中引用了某个样式库,把它注释掉试试
在这里插入图片描述有个项目引用了样式库,但是发现并没有用到它,当我把一些静态文件清理掉的时候,发现突然编译大小减少了600KB,从原来的2081KB编程1469KB,绝了!

原因:

uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中,造成微信程序包太大,
故uni.scss只建议放scss变量名相关样式,其他的样式可以通过main.js或者App.vue引入

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值