Movatterモバイル変換


[0]ホーム

URL:


Jump to content
WikipediaThe Free Encyclopedia
Search

Webpack

From Wikipedia, the free encyclopedia
Open-source JavaScript module bundler
Webpack
Developer(s)Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens, Even Stensberg and Webpack contributors
Initial release19 February 2014; 11 years ago (2014-02-19)[1]
Stable release
5.98.0[2] Edit this on Wikidata / 13 February 2025; 32 days ago (13 February 2025)
Repositorygithub.com/webpack/webpack
Written inJavaScript
Operating systemLinux,macOS,Windows
PlatformNode.js
LicenseMIT License[3][4]
Websitewebpack.js.orgEdit this at Wikidata

Webpack is afree and open-source module bundler forJavaScript.[5][6][7][8] It is made primarily for JavaScript, but it can transform front-end assets such as HTML, CSS, and images if the corresponding loaders are included.[9] Webpack takes modules with dependencies and generates static assets representing those modules.[10]

Webpack takes the dependencies and generates adependency graph allowing web developers to use a modular approach for their web application development purposes. It can be used from the command line or can be configured using a configuration file which is namedwebpack.config.js. This file defines rules, plugins, etc., for a project. (Webpack is highly extensible via rules which allow developers to write custom tasks that they want to perform when bundling files together.)

Node.js is required to use Webpack.

Webpack providescode on demand using the monikercode splitting. Two similar techniques are supported by Webpack when it comes to dynamic code splitting. The first and recommended approach is to use theimport() syntax that conforms to theECMAScript proposal for dynamic imports. The legacy, Webpack-specific approach is to userequire.ensure.[11]

Webpack development server

[edit]

Webpack also provides a built-in development server,webpack-dev-server, that can be used as an HTTP server for serving files while developing. It also provides the capability to use hot module replacement (HMR), which updates code on a webpage without requiring the developer to reload the page.

See also

[edit]

References

[edit]
  1. ^"Release Date of Version 1.0.0". Retrieved2020-12-31.
  2. ^"Release 5.98.0". 13 February 2025. Retrieved28 February 2025.
  3. ^"LICENSE file on GitHub". Retrieved2020-12-31.
  4. ^"License field from webpack - npm". Retrieved2020-12-31.
  5. ^"Web Performance Optimization with webpack". Google Inc. Retrieved16 Oct 2018.
  6. ^"A Beginner's Guide to webpack 4 and Module Bundling".SitePoint. Retrieved16 Oct 2018.
  7. ^"Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost". InfoQ. Retrieved16 Oct 2018.
  8. ^"High-performance webpack config for front-end delivery".Codementor. Retrieved16 Oct 2018.
  9. ^"What is webpack". SurviveJS. Retrieved16 Oct 2018.
  10. ^"What is webpack". GitHub. Retrieved25 Feb 2018.
  11. ^"Dynamic imports". webpack. Retrieved6 Jun 2022.

External links

[edit]
.NET
C++
ColdFusion
Common Lisp
Haskell
Java
JavaScript
Perl
PHP
Python
Ruby
Rust
Scala
Smalltalk
Other languages
Dialects
Engines
(comparison)
Frameworks
Client-side
Server-side
Multiple
  • Cappuccino
Libraries
People
Other
Code analysis
Supersets
Transpilers
Concepts
Debuggers
Doc generators
Editors(comparison)
Engines
Frameworks
Relatedtechnologies
Package managers
Module bundlers
Server-side
Unit testing frameworks(list)
People
Retrieved from "https://en.wikipedia.org/w/index.php?title=Webpack&oldid=1238958482"
Categories:
Hidden categories:

[8]ページ先頭

©2009-2025 Movatter.jp