echarts在线构建,按需引用

小程序使用echarts后代码包过大怎么办,小程序预览上限为2048kb,经常想预览的时候超限制了。

于是想要优化一下。

echarts在线构建网址:https://echarts.apache.org/zh/builder.html

可自由选择所需图表、坐标系、组件进行打包下载,并且可对渲染引擎、兼容及压缩问题进行设置。

选择需要的图表和组件,点击最下方的“下载”就可以定制js包。

然后将这个js包放到某个路径下,我是放到了node_modules中,找到echarts依赖文件,进入dist文件夹,将刚刚下载的js文件重命名一下放进去。

比如:node_modules\echarts\dist\gauge_echarts.min.js

引入方式如下:

import echarts from 'echarts/dist/gauge_echarts.min'
import mpvueEcharts from 'mpvue-echarts'

然后在代码中使用mpvueEcharts组件就可以了。

再预览时,会发现小了好多。

posted @ 2020-07-10 17:44  推土机27  阅读(1071)  评论(0编辑  收藏  举报