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組件就能夠了。