Webpack
表示
![]() | この項目「Webpack」は翻訳されたばかりのものです。不自然あるいは曖昧な表現などが含まれる可能性があり、このままでは読みづらいかもしれません。(原文:英語版 Asukakenji 08:35, 31 December 2020) 修正、加筆に協力し、現在の表現をより自然な表現にして下さる方を求めています。ノートページや履歴も参照してください。(2021年1月) |
![]() | |
開発元 | Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens, and Webpack contributors |
---|---|
初版 | 2014年2月19日[1] |
最新版 |
5.89.0
/ 2023年10月14日[2] |
リポジトリ |
github |
プログラミング 言語 | JavaScript |
対応OS | Linux, macOS, Windows |
プラットフォーム | Node.js |
ライセンス | MIT License[3][4] |
公式サイト |
webpack |
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 を使用する機能も提供する。
関連項目
[編集]参考文献
[編集]- ^ “Release Date of Version 1.0.0”. 2020年12月31日閲覧。
- ^ “Releases · webpack/webpack”. 2024年1月3日閲覧。
- ^ “LICENSE file on GitHub”. 2020年12月31日閲覧。
- ^ “License field from webpack - npm”. 2020年12月31日閲覧。
- ^ “Web Performance Optimization with webpack”. Google Developers. 16 Oct 2018閲覧。
- ^ “A Beginner’s Guide to webpack 4 and Module Bundling”. SitePoint. 16 Oct 2018閲覧。
- ^ “Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost”. InfoQ 16 Oct 2018閲覧。
- ^ “High-performance webpack config for front-end delivery”. Codementor. 16 Oct 2018閲覧。
- ^ "Webpack 3 to Webpack 4: tips on migrating" CodiLime. Retrieved on 25 Jun 2019.
- ^ “What is webpack”. SurviveJS. 16 Oct 2018閲覧。
- ^ “What is webpack”. GitHub. 25 Feb 2018閲覧。
- ^ import() proposal for JavaScript, Ecma International, Technical Committee 39