echarts 打包完之后体积太大解决方案。

当我们只需要 echarts 的 line 和 tooltip 模块的时候，我们会这么写：

import echarts from ‘echarts/lib/echarts‘
import ‘echarts/lib/chart/line‘
import ‘echarts/lib/component/tooltip‘

当引入了这个插件后，我们只需要这个写：

// eslint-disable-next-line
const echarts = equire([
  ‘line‘,
  ‘tooltip‘
])

这个插件会自动帮我们转化为上面的形式

安装  npm i babel-plugin-equire -D

然后，在 .babelrc 文件中添加该插件

{
  "plugins": [
  	 // other plugins
  	 ...
  	 
    "equire"
  ]
}

配合 code-splitting

将上面文件的 equire 替换为 equireAsync，这个时候 equireAsync() 返回的是一个函数，函数执行后会返回一个 promise 对象

// eslint-disable-next-line
const initEcharts = equireAsync([
  ‘line‘,
  ‘tooltip‘，
  //...其他模块  
])

export default initEcharts

在其他文件中使用：

import initEcharts from ‘@/src/utils/initEcharts‘

initEcharts()
  .then(echarts => {
    // do somthing with echarts
  })