es-toolkit/docs/zh_hans/bundle-size.md

38 lines
1.7 KiB
Markdown
Raw Normal View History

---
description: es-toolkit提供的最小包体积
---
# 包体积
![图表显示es-toolkit与lodash之间包大小的差异差异高达97%。](/assets/bundle-size.png)
通过其现代化的实现es-toolkit显著减少了其包体积与 [lodash](https://lodash.com) 等其他库相比可以减少高达97%。
这使得es-toolkit在包体积方面成为最高效的选择其中一些实用函数的体积甚至少于100字节。
## 包体积比较
| | es-toolkit@0.0.1 | lodash-es@4.17.21 | Difference |
| ------------------------------------------ | ---------------- | ----------------- | ---------- |
| [sample](./reference/array/sample) | 88 bytes | 2000 bytes | -95.6% |
| [difference](./reference/array/difference) | 91 bytes | 3190 bytes | -97.2% |
| [sum](./reference/math/sum) | 152 bytes | 413 bytes | -63.2% |
| [debounce](./reference/function/debounce) | 144 bytes | 1400 bytes | -89.7% |
| [throttle](./reference/function/throttle) | 110 bytes | 1460 bytes | -92.5% |
| [pick](./reference/object/pick) | 657 bytes | 3860 bytes | -83.0% |
| [zip](./reference/array/zip) | 797 bytes | 1790 bytes | -55.5% |
2024-07-17 05:49:48 +03:00
## 包体积测试方法
我们的包体积是使用 [esbuild 0.23.0](https://esbuild.github.io) 测量的,通过分析如下代码的大小:
```tsx
2024-08-11 04:54:13 +03:00
import { chunk } from 'es-toolkit';
2024-10-01 08:52:25 +03:00
2024-07-17 05:49:48 +03:00
// 或 import { chunk } from 'lodash-es';
console.log(chunk);
```
2024-08-11 04:54:13 +03:00
有关详细信息,请参见我们的[包体积基准代码](https://github.com/toss/es-toolkit/tree/main/benchmarks/bundle-size)。