ディスク容量の効率化！pnpmを導入する

npm、yarn と並ぶ pnpmというJavaScript のパッケージマネージャーがあります。

以下の特徴があります。

• ディスク容量を効率化

• 他のツールと比較して最大 2 倍高速

• 厳格なパッケージ管理

Next.jsにこのpnpmを入れたかったので方法調べました。
その時の流れを書いています。

公式のサイトはこちら。

brewでインストール

$ brew install pnpm

node_modulesを削除

node_modulesフォルダをゴミ箱に入れる、以下のコマンドで削除します。

$ npx npkill

コマンドを打った後、スペースキーを押すと削除されました。

package-lock.json や yarn.lock ファイルもゴミ箱に入れて削除しておきます。

pnpmをインポート

$ pnpm import

コマンドを実行するとpnpm-lock.yamlファイルが生成されます。

pnpmでパッケージをインストール

$ pnpm i

コマンドを実行するとnode_modulesファイルが再生成されます。

dev起動

$ pnpm dev

npm, yarnの使用を制限する

pnpm依存関係以外のものをインストールできないようにしておきます。

npm dev や yarn dev を使用できなくします。

 "scripts": {
   "preinstall": "npx only-allow pnpm", // 追加
   "dev": "next dev",
   "build": "next build",
   "start": "next start",
   "lint": "next lint"
 },