VUE引入Echarts 打包文件过大——解决方法1：按需引入

在vue中引入echarts文件 ，打包太大怎么办？

可以按需引入
在vue项目中加入了echarts图表。在进行项目打包时发现，因为引入了全局的echarts，导致打包文件太大，在查找了一系列的文章，根据别人写的文章进行尝试，可能因为项目场景配置不同，发现各种问题报错。经过解决报错，终于问题解决！非常之不容易啊～

对在vue中引入的echarts代码进行了整理，分享给还在踩坑的人，希望有所帮助。

首先在vue中创建一个echarts.js文件；在文件中写上去下图的代码：

import echarts from 'echarts/lib/echarts'

import 'echarts/lib/chart/radar'
import 'echarts/lib/component/legend'

export default echarts

我这里选用的是雷达图，所以用了radar ，如果选择echarts图的类型就直接改变radar就好了，echarts官方有给出各种类型图的名字

然后再到需要引用echarts的页面写上如下代码 进行引入

import echarts from '../echarts';

注意你的路径是否正确！
按需引入就完成了