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組件就可以了。

再預覽時,會發現小了好多。


免責聲明!

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



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