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