关于微信小程序打包的体积过大问题以及解决办法

最近开发微信小程序遇到一个瓶颈问题,uniapp项目打包出来的微信小程序主包的体积刚好超过要求的2M,我第一时间想到的是删除代码,删除本地图片,删除没有用到的组件,但是作用微乎其微
在这里插入图片描述

开启压缩之前的打包文件体积:

看了一下打包出来的文件,一个uni项目vue文件对应的打包出来的wxml,js,css,json之中,光是js文件大小就远远超过原来的vue文件了,此时的打包逻辑是在vue原有的代码之上增加了许多打包需要的逻辑代码,而且原来的代码格式几乎没有改变,还有许多的空白行,似乎很占用体积
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

找到解决方法

在和builderx的顶部菜单中找到运行下面的运行到小程序选项;其中就有一个运行时是否压缩代码选项,勾选之后重新跑一次项目就可以了。
在这里插入图片描述

打包之后的效果:

明显看起来舒服很多了,有那种打包的范儿了,文件的对应大小也只是在未压缩之前的一小半(小于未压缩的1/2)
在这里插入图片描述
在这里插入图片描述

但是压缩代码好像有一个问题:

不能进入debugger了(目前在我的项目之中,开启压缩是不能进入断点的,但是关闭压缩之后就可以进入断点了,这点影响不大,压缩可以只在发布版本的适合或者在手机端调试的时候开启,稍微有点麻烦但是影响不大)

  • 5
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值