echarts在线构建，按需引用

Posted 2020-12-16 tuituji27

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

于是想要优化一下。

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

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

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

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

比如：node_modulesechartsdistgauge_echarts.min.js

引入方式如下：

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

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

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