Webpack is a static module bundler. More specifically, Webpack establishes a dependency graph that consists of modules your web app needed for functioning as expected. Then, it uses this graph and configuration to generate bundles. It is made primarily for bundling JavaScript, but it can transform static assets such as HTML, CSS, and images with corresponding loaders.

Ref: https://webpack.js.org/

The Structure of Webpack

Entry

Output

Loaders

Plugins

Mode

Browser compatibility

Reference

A front-end developer who likes designing stuffs. Technical blog rookie. Loving sharing.