Вопросы React Frontend Developer

Webpack — это инструмент для сборки модулей JavaScript и других ресурсов, таких как CSS или изображения. Он позволяет объединять файлы в один или несколько выходных пакетов, оптимизировать их для использования в браузере и управлять зависимостями.

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

Выходное свойство Webpack (output) указывает, куда и в каком формате сохраняются файлы после сборки. Оно задает путь к папке и имя итогового файла.

Загрузчики (loaders) в Webpack — это инструменты, которые позволяют обрабатывать файлы разных форматов (CSS, изображения, TypeScript и др.) перед их добавлением в сборку. Они трансформируют исходный код, чтобы Webpack мог его использовать.

Плагины (plugins) в Webpack — это инструменты для расширения возможностей сборки. Они выполняют задачи, такие как минификация кода, создание HTML-файлов, кэширование и другие.

Загрузчики преобразуют файлы (например, TypeScript в JavaScript или SCSS в CSS), чтобы Webpack мог их обработать. Плагины, напротив, работают на более высоком уровне — они добавляют функциональность в процесс сборки, например, оптимизацию или создание новых файлов.

Webpack Dev Server предоставляет локальный сервер для разработки, который автоматически обновляет страницу в браузере при изменении кода. Это ускоряет процесс разработки и тестирования.

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

Webpack CLI — это интерфейс командной строки, позволяющий запускать Webpack, управлять настройками и выполнять сборку проекта. Без него нельзя использовать Webpack из терминала.

Webpack поддерживает динамический импорт через функцию import(), позволяя загружать модули только тогда, когда они нужны. Это помогает разделять код на части (chunking) и сокращает время загрузки приложения.