前言
当我们在发布一些APP或者小程序等比较小的程序时候,常常会对其主包大小进行一定的规定,若超过推荐的主包大小则性能会被大大影响,或者再严重一点就不给你过审。如微信小程序中也对主包有一定的大小要求。对此一些比较复杂的小程序就需要考虑缩小主包大小,通常使用分包的方法来减小大小。但是这种操作对于像我这样的小白来说还是有一定的难度。所以我发现了另一种方法来减小主包大小就是使用图片的url来代替相对路径。

查看主包大小组成
1.点击左上角类似正方形的按钮代码依赖分析

2.查看哪部分所占大小比例最多

在这里一般来说都是云函数和icon文件夹所占的大小比较多,因此我们从最简单的icon文件夹里面的图片入手来解决问题。如图fail图片的大小就为160kb如果放进icon文件夹,则icon文件夹的大小就要翻倍了。

使用图片的URL来替代相对路径
我们将比较大的图片上传至SM.MS上(或者你选择图床也行,只要能有该图片的URL就行)有了图片的URL我们就在image组件的src属性中粘贴图片的URL就行了,这样就可以不用将大图片放在icon文件夹中占用空间资源了。注:访问SM.MS需要科学上网
另外再介绍一种获取图片URL的方法,有CSDN就能操作!
1.点击“写文章”按钮;2.选择插入图片;3.上传完图片后双击该图片;4.复制图片的url

注意:编辑器是旧版的哦
结语
如果有疑问欢迎大家留言讨论,你如果觉得这篇文章对你有帮助可以给我一个免费的赞吗?我们之间的交流是我最大的动力!