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

作者：2023面试高手 | 2024-03-14 06:33:39

踩

微信公众号打包过大

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

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

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

找到解决方法

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

打包之后的效果：

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

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

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/232573

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

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

找到解决方法

打包之后的效果：

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

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