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 左右

 

猜你喜欢

转载自www.cnblogs.com/buxiugangzi/p/11431306.html