webpack 配置echarts 按需加载

引入babel-plugin-equire插件，方便使用。

yarn add babel-plugin-equire -D

在.babelrc文件中的配置

{
  "presets": [
    "env","stage-0"
  ],
  "plugins": ["syntax-dynamic-import","transform-object-rest-spread","equire"]
}

　主要是 equire 前面是自己别的配置

创建@/lib/echarts文件

const echarts = equire([
  'bar',
  'legend',
  'graphic',
  'title',
  'color',
  'tooltip',
  'line',
  'pie'
])
 
export default echarts

　　在主文件中引用

import echarts from '@/util/echarts'
 
Vue.prototype.$echarts = echarts

　　就可以使用啦  实验了下 按我的需求 比之前大约小了 300KB 左右