Webpack

From Wikipedia, the free encyclopedia
Jump to navigation Jump to search
Webpack
Webpack.png
Developer(s)Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens and Webpack contributors
Initial releaseMar 10, 2012 (Mar 10, 2012)
Stable release
4.29.0 / January 20, 2019; 3 months ago (2019-01-20)[1]
Repositorygithub.com/webpack/webpack
Written inJavaScript
Operating systemCross-platform
LicenseMIT License
Websitewebpack.js.org

Webpack (stylised webpack) is an open-source JavaScript module bundler.[2][3][4][5] It is a module bundler primarily for JavaScript, but it can transform front-end assets like HTML, CSS, even images if the corresponding plugins are included.[6] Webpack takes modules with dependencies and generates static assets representing those modules.[7]

Webpack takes the dependencies and generates a dependency 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 config file which is named webpack.config.js.[8] This file is used to define loaders, plugins, etc., for a project. (Webpack is highly extensible via loaders which allow developers to write custom tasks that they want to perform when bundling files together.) A tool named createapp.dev simplifies the process of creating this config file.

Node.js is required for installing Webpack.

Webpack provides code on demand using the moniker code splitting. The Technical Committee 39 for ECMAScript is working on standardization of a function that loads additional code: proposal-dynamic-import.

Webpack Dev Server[edit]

Webpack also provides a built in development server called Webpack Dev Server that can be used as a HTTP server for serving your files.[9] It also provides the capability to use hot module replacement by turning on the hot flag.

See also[edit]

References[edit]

  1. ^ "Releases · webpack/webpack". Retrieved 2019-01-20.
  2. ^ "Web Performance Optimization with webpack". Google Developers. Retrieved 16 Oct 2018.
  3. ^ "A Beginner's Guide to Webpack 4 and Module Bundling". SitePoint. Retrieved 16 Oct 2018.
  4. ^ "Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost". InfoQ. Retrieved 16 Oct 2018.
  5. ^ "High-performance webpack config for front-end delivery". Codementor. Retrieved 16 Oct 2018.
  6. ^ "What is Webpack". SurviveJS. Retrieved 16 Oct 2018.
  7. ^ "What is webpack". GitHub. Retrieved 25 Feb 2018.
  8. ^ "Webpack: An Introduction - Wisdom Geek". Wisdom Geek. 2017-01-12. Retrieved 2017-01-16.
  9. ^ "Using webpack dev server". Wisdom Geek.