Граф зависимостей

Всякий раз, когда один файл зависит от другого, webpack рассматривает это как зависимость. Это позволяет webpack принимать не-кодовые ресурсы, такие как изображения или веб-шрифты, и также предоставлять их как зависимости для вашего приложения.

Когда webpack обрабатывает ваше приложение, он начинает с списка модулей, определенных в командной строке или в файле конфигурации. Начиная с этих точек входа, webpack рекурсивно строит граф зависимостей, который включает каждый модуль, необходимый вашему приложению, затем объединяет все эти модули в небольшое количество пакетов — часто всего в один — для загрузки браузером.

Создание пакетов вашего приложения особенно мощно для клиентов HTTP/1.1, так как оно сводит к минимуму количество раз, когда ваше приложение должно ждать, пока браузер начинает новый запрос. Для HTTP/2 вы также можете использовать Разделение кода для достижения наилучших результатов.