К содержанию

Учебник по Webpack 5

Понятный учебник по сборщику Webpack с теорией и задачами для новичков.

Основное

Принцип работы сборщика Webpack

Проблема с кешем в браузерах

Webpack через ES модули в Webpack

Установка Webpack

Начальная настройка сборщика Webpack

Настройка запуска сборки Webpack

Тестовая сборка через Webpack

Подключение бандла к верстке в Webpack

Импорт файлов в точку входа в Webpack

Абсолютные пути в Webpack

Плагины в Webpack

Лоадеры в Webpack

Режимы сборки

Виды режимов сборки в Webpack

Смена режима сборки в файле конфигурации в Webpack

Режимы сборки через scripts в Webpack

Автоматическая сборка в Webpack

Toчки входа-выхода

Toчки входа и выхода в Webpack

Toчка выхода в Webpack

Несколько точек входа в Webpack

Хеш в файле сборки в Webpack

Имена точек входа в Webpack

Именованные точки-массивы в Webpack

Имена файлов сборки в Webpack

Имена и хеш файлов сборки в Webpack

Путь к папке сборки в Webpack

Контекст точек входа в Webpack

Стили

Импорт CSS стилей в Webpack

Лоадеры для CSS стилей в Webpack

Настройка импорта CSS стилей в Webpack

Тестирование импорта CSS стилей в Webpack

Настройка сборки CSS в бандл в Webpack

Тестирование сборки CSS в бандл в Webpack

Имя файла CSS бандла в Webpack

Хеш CSS бандла в Webpack

Несколько CSS бандлов в Webpack

Подключение CSS библиотек в Webpack

Работа с LESS в Webpack

Работа с SASS в Webpack

HTML

Работа с HTML макетами в Webpack

Генерация HTML макета в Webpack

Несколько бандлов скриптов в макете в Webpack

Бандлы скриптов с хешем в макете в Webpack

Бандлы стилей в макете в Webpack

Несколько бандлов стилей в макете в Webpack

Свой файл макета в Webpack

Ассеты

Ассеты в Webpack

Ассеты в JavaScript бандлах в Webpack

Ассеты в CSS бандлах в Webpack

Кастомизация пути к файлам ассета в Webpack

Кастомизация пути к группам ассетов в Webpack

Инлайн ассеты в Webpack

Source ассеты в Webpack

Общие ассеты в Webpack

Плагины

Очистка папки сборки в Webpack

Копирование файлов в Webpack