uniapp小程序优化和减小代码体积的方式

接触过小程序的人都知道小程序的的压缩包不能超过2MB,否则无法将之上传到微信小程序,在开发中很容易忽略这个压缩体积大小,没有对自己的写的代码进行一个优化。
以下只是个人的简单优化的方式,如有更好的方式可以给出意见。

(1)检查一下静态资源,图片和各个图标将近1MB。为了解决体积大的问题,将静态资源的图片放在cdn服务器进行路径请求,压缩体积将近释放1MB。
(2)将通过webpack下载的包和插件进行dev和生产分类,原先是默认都是下载到dependencies,这就导致了压缩之后面积也很大。因此为了减少体积,将一部分只在本地调试使用的插件版本放到devDependencies里面,分类完成之后在打包压缩,发现体积小了一些。如果到这体积还是很大,那就得采用官方提供的分包加载机制了。
(3)采用subPackages分包分包加载机制(具体教程看看官方文档)
这个分包预加载我是按照tabBar来划分页面和分包的, pages加载可以把首页涉及到的页面和资源加载,首页加载的公共资源的东西都可以在pages里面加载, 其他的根据tabBar的路径来加载对应的页面和资源(使用预加载)。然后在manifest.json设置分包的优化:在manifest.json→源码试图→找到"mp-weixin",添加"optimization" : {“subPackages” : true}即可完成任务。
(4) 如果上面之后还是觉得压缩体积大,那么继续优化页面代码,将一些中文注释都给清掉,对页面重复冗余或者用不着的代码都清掉。

猜你喜欢

转载自blog.csdn.net/qq_44472790/article/details/118584935