小程序包太大,无法预览解决方案探讨

874 阅读1分钟

分析小程序,查看自己代码包大小情况

可通过下方图片的方式在小程序开发者工具里,对自己的项目进行分析以及查看下方方案使用之后的效果 image.png

image.png

解决方案

使用小程序分包

官方文档讲的很详细,这里不再重复
参考文档:分包加载 | 微信开放文档 (qq.com)

图片使用require引入

通过下方这种方式引入图片,再去查看包的大小,你会明显的发现包变小很多 image.png

其他

  • 能放到服务器的尽量放到服务端,例如图片、数据、甚至页面,需要时再通过网络载入
  • 能删掉的文件或代码就删掉
  • 功能类似的尽量在需求、设计、实现层面上归类在一起,避免重复浪费资源。
  • 非核心不紧急的页面,可以考虑移至服务端。通过web-view实现。
  • 注意package.json文件中注意非生产必要的依赖放在devDependencies里
  • 能用小程序原生api实现的,就不要自己去写代码实现