美文网首页
在webpack中使用echarts

在webpack中使用echarts

作者: bob_python | 来源:发表于2017-11-06 18:38 被阅读0次

通过 npm 上安装的 ECharts 和 zrender 会放在node_modules目录下。可以直接在项目代码中 require('echarts') 得到 ECharts。

默认使用require('echarts')得到的是已经加载了所有图表和组件的 ECharts 包,因此体积会比较大,如果在项目中对体积要求比较苛刻,也可以只按需引入需要的模块。

例如上面示例代码中只用到了柱状图,提示框和标题组件,因此在引入的时候也只需要引入这些模块,可以有效的将打包后的体积从 400 多 KB 减小到 170 多 KB。

可以按需引入的模块列表见https://github.com/ecomfe/echarts/blob/master/index.js

相关文章

网友评论

      本文标题:在webpack中使用echarts

      本文链接:https://www.haomeiwen.com/subject/swzlmxtx.html