近期笔者在使用Taro进行微信小程序开发,当引入Echarts图表库时,微信检测单包超限2M的一系列优化措施的踩坑记录,期望能指导读者少走一些弯路。对比两款图表库优缺点刚好相反。经过分析发现业务模块引用的echarts组件,会被Taro打包到common.js模块,导致所有的分包模块都会重复计算echarts的size,导致旧分包模块超过2M的限制。原因是echarts被echarts-for-weixin组件和外部业务组件所依赖,导致Taro认为echarts.js被多个模块所依赖,所以打包到common.js。因此需要写一个Taro打包hack插件,自动注入编译后的echarts依赖代码。

Echarts在Taro微信小程序开发中的踩坑记录

Echarts在Taro微信小程序开发中的踩坑记录

Echarts在Taro微信小程序开发中的踩坑记录

Echarts在Taro微信小程序开发中的踩坑记录