Webpackとは? わかりやすく解説

Weblio 辞書 > 辞書・百科事典 > 百科事典 > Webpackの意味・解説 

Webpack

出典: フリー百科事典『ウィキペディア(Wikipedia)』 (2026/05/16 16:50 UTC 版)

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

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

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」をロードする関数の標準化に取り組んでいる[12]。

webpack開発サーバー

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

関連項目

参考文献

  1. ↑ “Release Date of Version 1.0.0”. 2020年12月31日閲覧。
  2. ↑ “Release 5.106.2” (2026年4月15日). 2026年4月16日閲覧。
  3. ↑ “LICENSE file on GitHub”. 2020年12月31日閲覧。
  4. ↑ “License field from webpack - npm”. 2020年12月31日閲覧。
  5. ↑ “Web Performance Optimization with webpack”. Google Developers. 2018年10月16日閲覧。
  6. ↑ “A Beginner’s Guide to webpack 4 and Module Bundling”. SitePoint. 2018年10月16日閲覧。
  7. ↑ “Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost”. InfoQ 2018年10月16日閲覧。
  8. ↑ “High-performance webpack config for front-end delivery”. Codementor. 2017年7月25日時点のオリジナルよりアーカイブ。2018年10月16日閲覧。
  9. ↑ "Webpack 3 to Webpack 4: tips on migrating" CodiLime. Retrieved on 25 Jun 2019.
  10. ↑ “What is webpack”. SurviveJS. 2018年10月16日閲覧。
  11. ↑ “What is webpack”. GitHub. 2018年2月25日閲覧。
  12. ↑ import() proposal for JavaScript, Ecma International, Technical Committee 39

外部リンク




英和和英テキスト翻訳

英語⇒日本語日本語⇒英語
  •  Webpackのページへのリンク

辞書ショートカット

すべての辞書の索引

「Webpack」の関連用語

Webpackのお隣キーワード
検索ランキング

   

英語⇒日本語
日本語⇒英語
   



Webpackのページの著作権

   
ウィキペディアウィキペディア
All text is available under the terms of the GNU Free Documentation License.
この記事は、ウィキペディアのWebpack (改訂履歴)の記事を複製、再配布したものにあたり、GNU Free Documentation Licenseというライセンスの下で提供されています。 Weblio辞書に掲載されているウィキペディアの記事も、全てGNU Free Documentation Licenseの元に提供されております。

©2026 GRAS Group, Inc.RSS