mpvue中按需引入echarts


大家都知道小程序文件大小不能超過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組件就可以了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM