株式会社オブライト
Web Frontend2026-05-17

Webpack(ウェブパック)

別名: webpack

JavaScript の静的モジュールバンドラー。JS・CSS・画像など複数のモジュールを依存グラフに基づいて 1 つまたは複数のバンドルに変換する。設定の複雑さと引き換えに高い柔軟性を持ち、長年フロントエンドのデファクト標準として君臨してきた。


概要

Webpack は 2012 年に登場し、モジュールバンドリングの概念を普及させました。Loader でさまざまなファイル形式を処理し、Plugin でビルドプロセスをカスタマイズします。Next.js は内部的に Webpack 5 を使用していましたが、v15 以降は Turbopack への移行が進んでいます。

現在の立ち位置

新規プロジェクトでは Vite や Turbopack が選ばれることが多く、Webpack は既存の大規模プロジェクトの維持管理や、高度なカスタマイズが必要な場面で引き続き使われています。

関連コラム

関連用語

お気軽にご相談ください

お問い合わせ