What is webpack?

Webpack is a JavaScript static module bundler. It collects all a website’s assets (e.g. images, styles, etc.), JavaScript, and JavaScript dependencies and combines them into a single, or small number of, static file(s). This allows for developers to create complex web applications built using Javascript, while still delivering high performant load times. Along with module bundling, with Webpack you get features like:

• Tree-shaking
• Code splitting
• Module lazy loading
• Hot module replacement

Webpack can also be combined with minifiers, transpilers, and other asset processing tools.

Further reading

• Concepts - Webpack
• Why webpack - Webpack
• Demystifying Code Bundling with JavaScript Modules