Software:webpack
 | |
| Developer(s) | Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens, and Webpack contributors |
|---|---|
| Initial release | March 10, 2012 |
| Stable release | 4.43.0
/ April 21, 2020[1] |
| Written in | JavaScript |
| Operating system | Cross-platform |
| License | MIT License |
Webpack is an open-source JavaScript module bundler.[2][3][4][5][6] It is made primarily for JavaScript, but it can transform front-end assets like HTML, CSS, and images if the corresponding loaders are included.[7] webpack takes modules with dependencies and generates static assets representing those modules.[8]
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. This file is used to define 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 for using 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".[9]
Webpack Dev Server
Webpack also provides a built-in development server called 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.
See also
References
- ↑ "Releases · Webpack/Webpack". https://github.com/webpack/webpack/releases/latest. Retrieved 2019-01-20.
- ↑ "Web Performance Optimization with webpack". Google Developers. https://developers.google.com/web/fundamentals/performance/webpack/.
- ↑ "A Beginner’s Guide to webpack 4 and Module Bundling". SitePoint. https://www.sitepoint.com/beginners-guide-webpack-module-bundling/.
- ↑ "Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost". InfoQ. https://www.infoq.com/news/2018/02/webpack-4-0-brings-simplified.
- ↑ "High-performance webpack config for front-end delivery". Codementor. https://www.codementor.io/drewpowers/high-performance-webpack-config-for-front-end-delivery-90sqic1qa.
- ↑ "Webpack 3 to Webpack 4: tips on migrating" CodiLime. Retrieved on 25 Jun 2019.
- ↑ "What is Webpack". SurviveJS. https://survivejs.com/webpack/what-is-webpack/.
- ↑ "What is webpack". GitHub. https://github.com/webpack/docs/wiki/what-is-webpack. Retrieved 25 Feb 2018.
- ↑ import() proposal for JavaScript, Ecma International, Technical Committee 39, https://github.com/tc39/proposal-dynamic-import
- ↑ "Browserify". http://browserify.org/.
External links
| Dialects | |||||||||
|---|---|---|---|---|---|---|---|---|---|
| Engines (comparison) | |||||||||
| Frameworks |
| ||||||||
| People | |||||||||
| Other | |||||||||
| |||||||||
Lists
 |  |
