2.2. Мультистраничные приложения, основные концепции webpack

В webpack есть пять основных концепций, позволяющих гибко управлять приложением:

• Entry — входная точка приложения. То, с чего всё начинается.
• Output — поле, которое отвечает за то, где и как после сборки будет размещено приложение.
• Loaders — обработчики, которые позволяют webpack работать с форматами файлов, отличными от JS и JSON (SCSS, TS).
• Plugins — плагины, предоставляющие дополнительные функции.
• Mode — режим разработки, который отвечает за логику сборки приложения.

Обратим внимание на entry и plugins — концепции, отвечающие за реализацию многостраничного приложения, которые можно конфигурировать для динамической обработки любых типов файлов.

Мультистраничное приложение

Мультистраничное приложение содержит множество файлов HTML. При переходе по ним выполняется полная перезагрузка страницы.

Особенности многостраничных приложений

• Совместное использование модулей. Мы можем повторять блоки кода на страницах, добавляя и убирая его отдельные части.
• Управление маршрутизацией. Реализация отображения и скрытия отдельных блоков кода, визуальной составляющей, в зависимости от действий пользователя. То есть при переходе по страницам, активации всплывающего окна или чего-то ещё.
• Управление состоянием каждой страницы по отдельности, что очень удобно при командной разработке. То есть одна страница — один HTML, JS и CSS. Файлы изолированы от остальных, у них своё наполнение и функциональность.