Webpack

webpack
開発元	Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens, and Webpack contributors
初版	2014年2月19日 (10年前)
最新版	5.95.0 / 2024年9月25日 (35日前)
リポジトリ	github.com/webpack/webpack
プログラミング; 言語	JavaScript
対応OS	Linux, macOS, Windows
プラットフォーム	Node.js
ライセンス	MIT License
公式サイト	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 を使用する機能も提供する。

参考文献

^ “Release Date of Version 1.0.0”. 2020年12月31日閲覧。
^ “Releases · webpack/webpack”. 2024年10月30日閲覧。
^ “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

外部リンク

公式ウェブサイト

[1] “Release Date of Version 1.0.0”. 2020年12月31日閲覧。

[latest-releases-2] “Releases · webpack/webpack”. 2024年10月30日閲覧。

[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. 16 Oct 2018閲覧。

[6] “A Beginner’s Guide to webpack 4 and Module Bundling”. SitePoint. 16 Oct 2018閲覧。

[7] “Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost”. InfoQ 16 Oct 2018閲覧。

[8] “High-performance webpack config for front-end delivery”. Codementor. 16 Oct 2018閲覧。

[9] "Webpack 3 to Webpack 4: tips on migrating" CodiLime. Retrieved on 25 Jun 2019.

[10] “What is webpack”. SurviveJS. 16 Oct 2018閲覧。

[11] “What is webpack”. GitHub. 25 Feb 2018閲覧。

[12] import() proposal for JavaScript, Ecma International, Technical Committee 39

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

表話編歴 JavaScript
概念	文法（英語版） JavaScriptライブラリ控えめなJavaScript
エンジン	Carakan/Futhark/Linear B Chakra JavaScriptCore JScript KJS Narcissus Nashorn Rhino SpiderMonkey V8
コンパイラ	AtScript Babel ClojureScript CoffeeScript Emscripten Google Closure Compiler Google Web Toolkit Haxe JSX Kotlin Nim PureScript TypeScript
デバッガ	Firebug Google Chrome Developer Tools Internet Explorer Developer Tools Opera Dragonfly Visual Studio Visual Studio Express Visual Studio Code Web Inspector
エディタ	Atom Brackets Visual Studio Visual Studio Express Light Table Visual Studio Code WebStorm
サーバーサイド	Active Server Pages Bun CommonJS Deno Node.js Vert.x（英語版） Wakanda（英語版）
フレームワーク・ライブラリ	Angular/AngularJS Backbone.js Dojo Express.js Ext JS Google Web Toolkit jQuery Mobile KaTeX MathJax MochiKit MooTools Prototype React Vue.js YUI ライブラリ SolidJS Svelte Hono ElysiaJS Qwik
ユニットテスト	Jasmine（英語版） Jest Mocha（英語版） QUnit ユニットテスト・フレームワーク一覧
Docジェネレータ	JSDoc
コード解析	ESLint JSHint JSLint
パッケージ管理	npm NuGet
アプリケーションバンドラー	Webpack Vite esbuild
関連技術	Ajax CSS DHTML DOM HTML JSON JSONP WebAssembly asm.js（英語版）
人物	ジョン・レシグダグラス・クロックフォード（英語版）ブレンダン・アイクライアン・ダール
カテゴリコモンズウィキブックス Portal:コンピュータ

webpack開発サーバー

関連項目

参考文献

外部リンク