Webpack

この項目「Webpack」は翻訳されたばかりのものです。不自然あるいは曖昧な表現などが含まれる可能性があり、このままでは読みづらいかもしれません。（原文：英語版 Asukakenji 08:35, 31 December 2020） 修正、加筆に協力し、現在の表現をより自然な表現にして下さる方を求めています。ノートページや履歴も参照してください。（2021年1月）

webpack

webpack の公式ロゴマーク
開発元	Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens, and Webpack contributors
初版	2014年2月19日（12年前） (2014-02-19)
最新版	5.112.2  / 2026年10月23日 (8日前)
リポジトリ	github.com/webpack/webpack
プログラミング 言語	JavaScript
対応OS	Linux, macOS, Windows
プラットフォーム	Node.js
種別	開発フレームワーク
ライセンス	MITライセンス
公式サイト	webpack.js.org （英語）
テンプレートを表示

webpackは、オープンソースのJavaScriptモジュールバンドラーである。主にJavaScript用に作成されているが、対応するローダーを追加することでHTML、CSS、画像などのフロントエンドアセットを変換できる。webpackは依存関係のあるモジュールを受け取り、それらのモジュールを表す静的アセットを生成する。自由かつオープンソースソフトウェアである。

webpackは依存関係を取得し、依存関係グラフを生成して、Web開発者がWebアプリケーション開発の目的でモジュラーアプローチを使用できるようにする。コマンドラインから使用し、webpack.config.jsという名前の構成ファイルを使用して構成を行うことができる。このファイルは、プロジェクトのルール、プラグインなどを定義するために使用される（webpackは、開発者がファイルをバンドルするときに実行したいカスタムタスクを記述できるようにするルールを介して、高度に拡張可能である）。

webpackを使用するには、Node.jsが必要である。

webpackは、モニカ code splitting を使用してCode on demand（英語版）を提供する。The Technical Committee 39 for ECMAScriptは、追加のコード「proposal-dynamic-import」をロードする関数の標準化に取り組んでいる。

webpack開発サーバー

webpackは、開発中にファイルを提供するためのHTTPサーバとして使用できる webpack dev server と呼ばれる組み込みの開発サーバも提供する。また、Hot Module Replacement を使用する機能も提供する。

関連項目

• Browserify（英語版）
• Grunt（英語版）
• Gulp.js（英語版）

参考文献

外部リンク

• webpack.js.org （英語）