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组件就可以了。
再预览时,会发现小了好多。