JavaScriptビルドツールの整理 各ツールの機能と依存関係

フロントエンドのビルドツールが色々ありすぎて、何がどうなっているのかがわかりづらいため、 各ツールができること、特徴 ツール間がどのように依存しあっているか を一気に調べて整理した。(情報は2023/10時点) 概要 ツールの依存関係整理 上層: dev server付きのバンドラ/ビルドツール。アプリ開発者が直接configなどを書いて取り扱うのはここが多いと思われる。(Next.jsに関しては、ビルド機能に着目した場合) 下層: やや基盤的なdev serverなしのツール群。 矢印は、明示的な依存関係を表す。実際には、明示的な依存関係がなくても、下層のツール群は上層のバンドラ(やRollup)に対してプラグインを提供していることが多い。 各ツールのできること整理 ツールごとに、大まかな機能区分で、できることとできないことをまとめた。 各機能区分の定義は次セクションを参照。 ツールごと

[aceraceae]

こういう情況嫌なんだよね。ああでもないこうでもないと最適解を探して本質的ではないところで試行錯誤するはめに陥る。

[teppeis]

バックにどの企業がついてるかもマップすると面白そう / ViteはRollupをRustで再実装したRolldownを開発中 https://docs.google.com/presentation/d/1oZnjsPBnb3OB2HxU88vYkZLa54GV-xNKrF8XkOIqLAU/mobilepresent?slide=id.p

[yarumato]

Vite, Parcel, webpack, Rspack, Turbopack, Next.js, Rollup, esbuild, SWC, Bun.build, Babel, Terser　ツールの依存関係整理、各ツールのできること整理

[Helfard]

もう全部合体させて1個にしようぜ。プロジェクト名は『芋煮会』で。

[manaten]

nextばっか使ってると他のツールとの差分がいまいち追えないので良いまとめ

[Cherenkov]

全部dev toolsで適当にやってくれ

[roshi]

群雄割拠だ。。

[dkanikama]

ここにRomeが君臨する予定やったんや、、、

[efcl]

Vite/Parcel/webpack/Rspack/Turbopack/Next.js/Rollup/esbuild/SWC/Bun/Babel/Terser の特徴と依存関係について。