Что такое вебпак?

Webpack связывает ваше javascript-приложение, разрешая зависимости и внедряя их в один модуль.

Как работает вебпак?

Как программист вы знаете, что большинство файлов кода зависят от других файлов кода, библиотек или статических ресурсов, таких как изображения и шрифты. Когда веб-пакет начинает обрабатывать ваше приложение, он сначала создает внутренний граф зависимостей от указанной точки входа и идентифицирует необходимые модули в приложении. Затем он объединяет их (в основном) в один модуль, который затем может быть загружен браузером.

Ознакомьтесь с 6 основными концепциями веб-пакета

Подробнее : https://chainedblock.tech/webpack-explained-for-beginners