webpack中使用ECharts
2024-08-30 17:01:02
npm安装ECharts
引入ECharts
通过 npm 上安装的 ECharts 和 zrender 会放在node_modules目录下。可以直接在项目代码中 require(‘echarts’) 得到 ECharts。
按需引入ECharts图标和组件
默认使用 require(‘echarts’) 得到的是已经加载了所有图表和组件的 ECharts 包,因此体积会比较大,如果在项目中对体积要求比较苛刻,也可以只按需引入需要的模块。
例如上面示例代码中只用到了柱状图,提示框和标题组件,因此在引入的时候也只需要引入这些模块,可以有效的将打包后的体积从 400 多 KB 减小 大专栏 webpack中使用ECharts到 170 多 KB。
可以按需引入的模块列表见https://github.com/ecomfe/echarts/blob/master/index.js
最新文章
- 关于js css html加载顺序整理
- 使用PowerShell向SharePoint中写入数据
- ecshop增加新字段及相应编辑器
- Follow me to learn how to use mvc template
- MinGW编译wxWidgets中的问题及解决方法
- POJ 1151 Atlantis (扫描线+线段树)
- struct ifconf和struct ifreq,获取网线插入状态
- P2P网贷投资须谨防圈钱人
- Mutex(测量)
- SpringCloud网关ZUUL集成consul
- Windows 快捷键总结
- ASP.NET操作DataTable各种方法总结(给Datatable添加行列、DataTable选择排序等)
- jdbc笔记(二) 使用PreparedStatement对单表的CRUD操作
- python初级装饰器编写
- Android中的指纹识别
- Scrapy学习篇(十二)之设置随机IP代理(IPProxy)
- numpy 矩阵变换 reshape ravel flatten
- sql-原生jdbc连接7步
- C#调用百度地图API经验分享(二)
- Java SQL注入学习笔记