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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM