Webpack

from Wikipedia, the free encyclopedia
Webpack

Webpack.png
Basic data

Maintainer Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens and Webpack contributors
Publishing year 2012
Current  version 4.43.0
( April 21, 2020 )
Current preliminary version 5.0.0-beta.17
(June 3rd, 2020 )
operating system cross-platform
programming language JavaScript
License MIT license
German speaking No
https://webpack.js.org

Webpack (usually written webpack ) is an open source - JavaScript module packer. The main task is to merge JavaScript files for use in the browser and to bundle them into one file ; However, Webpack is also able to transform, bundle and pack other resources. Webpack collects the modules with their dependencies and generates static assets that represent these modules. It's a module packer that is mainly intended for JavaScript, but can convert front-end elements like HTML , CSS and also images if the appropriate plug-ins are included.

Webpack lists the internal dependencies and creates a dependency diagram that enables a modular approach to web application development. Webpack can be used from the command line or configured using a file. Webpack uses a configuration file with the standard file name webpack.config.js to define loaders, plugins etc. for a project. The Webpack Config Tool simplifies the creation of the configuration file.

Webpack requires the installation of the Node.js software package . One advantage of Webpack is that it can be expanded using loaders and plugins. Loaders allow developers to write custom tasks that they want to perform when merging files. The difference between loaders and plugins is that loaders are used per module and plugins per bundle . Webpack supports functions such as code splitting and tree shaking. Modules can also be loaded dynamically.

Web links

Individual evidence

  1. ↑ github.com .
  2. ↑ Web Performance Optimization with webpack . Google Developers . Retrieved December 9, 2018.
  3. ↑ A Beginner's Guide to Webpack 4 and Module Bundling . Retrieved December 9, 2018.
  4. ↑ Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost , InfoQ. Retrieved October 16, 2018. 
  5. ↑ High-performance webpack config for front-end delivery . Codementor . Retrieved October 16, 2018.
  6. ↑ What is Webpack . SurviveJS. Retrieved October 16, 2018.
  7. ↑ What is webpack . GitHub. Retrieved February 25, 2018.
  8. ↑ Webpack: An Introduction - Wisdom Geek (en-US) . In: Wisdom Geek , January 12, 2017. Retrieved January 16, 2017. 
  9. ↑ Loaders on webpack.js.org
  10. ↑ plugins on webpack.js.org
  11. ↑ Modern Web Development: What is the Webpack? In: Ackee Blog. May 27, 2017, accessed on January 22, 2020 (German).