微信小程序引入echarts.js 过大问题解决

文章介绍了如何解决微信小程序中引入Echarts导致的包体积过大问题。通过在Echarts官网定制只包含所需模块的版本,如只需折线图功能,可以显著减小下载的echarts.js文件大小,从而减少小程序的总体积。压缩后的echarts.min.js需重命名为echarts.js以替换原文件,实现包体瘦身将近一半的效果。
摘要由CSDN通过智能技术生成

其实很简单

       微信小程序开发,及经常使用到Echarts图标框架,继集成步骤就不过多叙述,主要讲如何解决引入后导致微信包大问题,下面是echart githhub源代码,但是下载下来带引入的echarts.js文件将近1M.

GitHub - ecomfe/echarts-for-weixin: Apache ECharts 的微信小程序版本

解决,在官网定制就好,选择需要 的模块。如图所示我只需要折线图,后续需要新增其他模块直接重新勾选,下载echarts.js替换就好。

ECharts 在线构建

 注意下载下来的js文件是echarts.min .js(如果勾选代码压缩的话),下载下来直接重命名成echarts.js就好。不勾选代码压缩的话,下载下来的文件就是echarts.js,直接替换微信小程序对应的js文件即可,会发现包小很多。

项目截图,大小将近缩小一半,如下图所示:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值