大家都知道小程序文件大小不能超過2M, 在項目中引入echarts后,文件大小遠遠超出2M了。因為echarts文件默認是包含所有圖表代碼的,所以文件體積會比較大。解決辦法如下:
安裝
首先我們先安裝下面兩個依賴包
cnpm install mpvue-echarts
cnpm install echarts
自定義echarts
去echarts官網在線構建代碼文件,根據自己的需求,選擇相應的圖表和組件,然后下載文件。官網地址
替換node_modules文件
在node_modules文件夾找到echarts依賴文件,進入dist文件夾,將剛剛下載的文件重命名一下,為:diy_echarts.js ,然后放到dist文件夾下。然后就可以在組件中引入了,引入方式如下:
import echarts from 'echarts/dist/diy_echarts'
import mpvueEcharts from 'mpvue-echarts'
然后在代碼中使用mpvueEcharts組件就可以了。