echarts在线构建，按需引用

标签：网址   vue   port   定制   pac   方式   char   http   build   

小程序使用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组件就可以了。

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

echarts在线构建，按需引用

标签：网址   vue   port   定制   pac   方式   char   http   build   

原文地址：https://www.cnblogs.com/tuituji27/p/13280484.html