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