webpack. What is the difference between bundle, chunk and module?

Question

JavaScript

Explain the difference between these three concepts. Preferably on fingers.

Answer 1

There are two bundles :
Each bundle has vendor modules (react, ember, jquery etc.). And application modules (what is written by you).
Each bundle can be divided into at least two chunks : the application itself and vendor libs (so that the user does not reload vendor libraries that have not changed when updating the application). And if the application is very large, then the bundle is split into even more chunks: for example, a chunk for the private messages interface, a chunk for the news feed, etc. Such chunks are loaded upon request (when the user navigates to the appropriate section / interface).