微信小程序打包体积过大问题

3,440 阅读1分钟

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

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

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

找到解决方法

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

打包之后的效果:

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

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

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