Что можно настраивать в Webpack-конфигурации?

Webpack выступает центральным инструментом сборки frontend-кода.

Основные области конфигурации

Через Webpack можно управлять следующими аспектами:

• entry — точки входа приложения

• output — формат и место сборки

• loaders — обработка JS, CSS, изображений

• plugins — расширение логики сборки

Работа с ресурсами

Webpack позволяет:

• транспилировать JavaScript

• обрабатывать стили и препроцессоры

• подключать изображения и шрифты

• оптимизировать размер бандла

Оптимизация

Часто настраиваются:

• code splitting

• lazy loading

• tree shaking

• минификация

Окружения

Для разных сред обычно используются разные конфигурации:

• development

• production

• test

Краткий вывод

Webpack-конфигурация определяет весь процесс сборки и оптимизации frontend-приложения.