Node.jsからBunに移行してみた

移行作業

1. Bunのインストール

curl -fsSL https://bun.sh/install | bash

2. Node.jsの依存関係を削除

rm -rf node_modules

3. 依存関係のインストール

bun install

or

bun i

4. プロジェクトのビルド

bun run build

詳細は公式ドキュメントをご確認ください。

これだけでも動きはしましたが、使っているフレームワークに応じて適宜対応が必要です。
今回移行したプロジェクトはどちらもAstroを使っています。

Bunをランタイムとして開発サーバーを起動するには、以下のコマンドを実行します。

bunx --bun astro dev

ビルドやプレビューも同様です。

bunx --bun astro build
bunx --bun astro preview

一度ビルドしてみて、問題がないか確認しましょう。

ここまで問題なさそうであれば、もうpackage-lock.jsonは不要です。
Bunの場合はbun.lockが生成されるため、package-lock.jsonは削除しても問題ありません。

私の場合はVercelにデプロイしているので、Vercel側のデプロイ時のコマンドも変更しました。

移行後初のnpm run devでは、ホットリロードが効かなくなる症状がありましたが、node_modulesを削除して再インストールすることで解決しました。

変更後の変化

これで移行作業は完了です。
早速ビルド時間を比較してみました。

• Node.js

  20:38:25 [build] 23 page(s) built in 2.60s
  20:38:25 [build] Complete!

• Bun

  20:37:57 [build] 23 page(s) built in 2.20s
  20:37:57 [build] Complete!

とはいえ、体感できるほどの差はないですね。
何度か試しましたがBunのほうが0.4秒程度早い程度でした。

開発サーバーの起動速度やホットリロードの速度についても、特に差は感じられませんでした。
今後記事が増えていくと、その差が顕著になるかもしれません。

不具合が出ない限り、今後もBunを使っていこうと思います。

まとめ

今回はNode.jsからBunに移行する作業について書いてみました。
作業自体は簡単で、時間もそこまでかかりませんでした。

まだ恩恵を受けるほどの差は感じられませんが、新しい技術のキャッチアップとしては良い機会だったと思います。

新たな発見があれば、また記事にしていきたいと思います。