假如你的开发环境使用了 或者 等包管理工具,并且使用 等打包工具进行构建,本文将会介绍如何引入 Apache EChartsTM 并通过 tree-shaking 特性只打包需要的模块以减少包体积。
你可以使用如下命令通过 npm 安装 ECharts
上面的代码会引入 ECharts 中所有的图表和组件,如果你不想引入所有组件,也可以使用 ECharts 提供的按需引入的接口来打包必须的组件。
需要注意的是为了保证打包的体积是最小的,ECharts 按需引入的时候不再提供任何渲染器,所以需要选择引入 或者 作为渲染器。这样的好处是假如你只需要使用 svg 渲染模式,打包的结果中就不会再包含无需使用的 模块。
我们在示例编辑页的“完整代码”标签提供了非常方便的生成按需引入代码的功能。这个功能会根据当前的配置项动态生成最小的按需引入的代码。你可以直接在你的项目中使用。
v5.5.0 版本开始使用 ESM 作为默认的模块规范,查看可能的 Breaking Changes 以及 Pull Request。
对于使用了 TypeScript 来开发 ECharts 的开发者,我们提供了类型接口来组合出最小的 类型。这个更严格的类型可以有效帮助你检查出是否少加载了组件或者图表。
版权声明:
本文来源网络,所有图片文章版权属于原作者,如有侵权,联系删除。
本文网址:https://www.bianchenghao6.com/java-jiao-cheng/17671.html