uni-app开发微信小程序2M限制
2022-06-07 本文已影响0人
lmao94
问题：小程序真机预览/调试提示错误，超过2M限制（vendor.js过大）
微信官方文档
在小程序开发工具中查看代码包大小
微信开发工具
一开始发现vendor.js过大，这里是uniapp官方的vendor.js 过大的处理方式
uniapp官方文档
于是我在项目中使用到的几个方式
1.uniapp运行小程序，勾选是否压缩代码
微信开发工具
压缩代码的处理是HBuilderX工具对代码的处理
在不需要真机运行的情况下，可以不开启压缩功能，速度会快一些
2.图片资源处理
代码包中只存放一些必要的静态资源，这里我在应用中只留了tabbar的icon等启动就需要看到的图片，其他资源放在后台的服务器资源库中，从网络调用
微信官方文档
3.分包
uniapp分包优化
分包实现参考uniapp分包
主包只放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本
其他页面/资源/JS脚本等根据模块划分放置在分包中
4.按需注入
参考微信小程序官方按需注入
微信官方文档
在未开启的情况下，主包，分包，插件等的js文件都会被合并注入到主包之中加载和执行，会影响到主包大小和加载。开启之后会将对应js文件在对应分包，或者调用时才会进行加载
对应在uniapp中的manifest.json文件的源码视图中"mp-weixin"下添加按需注入的声明，开启小程序按需注入特性
微信开发工具
5.开启小程序压缩优化功能
6.使用小程序代码质量检查
查看对应未通过内容，根据实际代码判断是否还需要进行修改优化
微信开发工具
微信开发工具
微信开发工具
微信开发工具
