小程序使用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組件就可以了。
再預覽時,會發現小了好多。