es-toolkit/docs/ja/usage.md
2024-10-01 14:52:25 +09:00

2.2 KiB

description prev next
es-toolkitの使用方法
text link
es-toolkitの紹介 ./intro.md
text link
バンドルサイズへの影響 ./bundle-size

インストールと使用方法

Node.jsやBunを使用する場合は、npmからインストールできます。DenoではJSRからインストールできます。

ブラウザで直接使用する場合は、CDNから取得できます。

Node.js

es-toolkitはNode.js 18以降のバージョンをサポートしています。es-toolkitをインストールするには、以下のコマンドを使用してください。

::: code-group

npm install es-toolkit
pnpm add es-toolkit
yarn add es-toolkit

:::

Deno

es-toolkitはDenoでも使用できます。JSRから以下のコマンドでインストールしてください。

deno add @es-toolkit/es-toolkit

Denoで使用する場合、JSRの制限により、NPMとは異なり追加のスコープが必要です。

import { sum } from '@es-toolkit/es-toolkit';

sum([1, 2, 3]);

Bun

es-toolkitはBunでも使用できます。以下のコマンドを使用してください。

bun add es-toolkit

ブラウザ

jsdelivrunpkgなどのCDNからes-toolkitを使用できます。Lodashと同様に、_変数にすべての関数が含まれています。

::: code-group

<script src="https://cdn.jsdelivr.net/npm/es-toolkit@^1"></script>
<script>
  var arr = _.chunk([1, 2, 3, 4, 5, 6], 3);
</script>
<script src="https://unpkg.com/es-toolkit@^1"></script>
<script>
  var arr = _.chunk([1, 2, 3, 4, 5, 6], 3);
</script>

:::

モダンなブラウザではesm.shも使用できます。

::: code-group

<script type="importmap">
  {
    "imports": {
      "es-toolkit": "https://esm.sh/es-toolkit@^1"
    }
  }
</script>
<script type="module">
  import { chunk } from 'es-toolkit';

  chunk([1, 2, 3, 4, 5, 6], 3);
</script>

:::