uni-app开发微信小程序2M限制

问题:小程序真机预览/调试提示错误,超过2M限制(vendor.js过大)

官方文档

微信官方文档

在小程序开发工具中查看代码包大小

微信开发工具

一开始发现vendor.js过大,这里是uniapp官方的vendor.js 过大的处理方式

uniapp官方文档

于是我在项目中使用到的几个方式

1.uniapp运行小程序,勾选是否压缩代码

微信开发工具

压缩代码的处理是HBuilderX工具对代码的处理
在不需要真机运行的情况下,可以不开启压缩功能,速度会快一些

2.图片资源处理

代码包中只存放一些必要的静态资源,这里我在应用中只留了tabbar的icon等启动就需要看到的图片,其他资源放在后台的服务器资源库中,从网络调用

微信官方文档

3.分包

关于分包优化的说明

uniapp分包优化

分包实现参考uniapp分包
主包只放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本
其他页面/资源/JS脚本等根据模块划分放置在分包中

4.按需注入

参考微信小程序官方按需注入

微信官方文档

在未开启的情况下,主包,分包,插件等的js文件都会被合并注入到主包之中加载和执行,会影响到主包大小和加载。开启之后会将对应js文件在对应分包,或者调用时才会进行加载
\color{red} {开启配置之后,需要检查小程序表现是否正常(避免js文件加载和执行的时机问题导致被配置优化掉,从而显示不正常)}

对应在uniapp中的manifest.json文件的源码视图中"mp-weixin"下添加按需注入的声明,开启小程序按需注入特性


微信开发工具

5.开启小程序压缩优化功能

6.使用小程序代码质量检查

查看对应未通过内容,根据实际代码判断是否还需要进行修改优化


微信开发工具

微信开发工具

微信开发工具

微信开发工具

你可能感兴趣的:(uni-app开发微信小程序2M限制)