Webpack
オープンソースのJavaScriptモジュールバンドラー
From Wikipedia, the free encyclopedia
webpackは、オープンソースのJavaScriptモジュールバンドラーである[5][6][7][8][9]。主にJavaScript用に作成されているが、対応するローダーを追加することでHTML、CSS、画像などのフロントエンドアセットを変換できる[10]。webpackは依存関係のあるモジュールを受け取り、それらのモジュールを表す静的アセットを生成する[11]。自由かつオープンソースソフトウェアである。
|
webpack の公式ロゴマーク。 | |
| 別名 | 無し。 |
|---|---|
| 開発元 | Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens, and Webpack contributors |
| 初版 | 2014年2月19日[1] |
| 最新評価版 | |
| リポジトリ |
github |
| プログラミング 言語 | JavaScript |
| 対応OS | Linux, macOS, Windows |
| プラットフォーム | Node.js |
| 種別 | 開発フレームワーク |
| ライセンス | MIT License[3][4] |
| 公式サイト |
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」をロードする関数の標準化に取り組んでいる[12]。
webpack開発サーバー
webpackは、開発中にファイルを提供するためのHTTPサーバとして使用できる webpack dev server と呼ばれる組み込みの開発サーバも提供する。また、Hot Module Replacement を使用する機能も提供する。
関連項目
- Browserify
- Grunt
- Gulp.js