Программа

1. Введение

Узнаем, зачем нужен webpack и как его применить в любом проекте.

2. Конфигурационные файлы

Разберём форматы конфигурационных файлов webpack.

3. Входная точка приложения

Начнём изучать основные концепции работы с webpack.

4. Выходная точка и сборка приложения

Узнаем о концепции webpack — output.
Прочитайте статьи
4.1. Выход из приложения по окончанию разработки. Output Точка выхода из приложения.
4.2. Нововведения webpack v5 Нововведение — asset-source.
4.3. Оптимизация и кодсплиттинг — вендоры Оптимизация проекта.
4.4. Обработчики Обработчики и всё, что с ними связано.
Посмотрите демонстрацию
4.5. Демо: пример работы asset Пошаговая демонстрация сборки проекта на React.
Практика
Выполните практическое задание
4.6. Задание: оптимизация проекта Задание для самостоятельной практики.
Посмотрите демонстрацию
4.7. Решение: оптимизация проекта Эталонное решение задания.
Выполните практическое задание
4.8. Задание: исправление ошибок и оживление проекта Задание для самостоятельной практики.
Посмотрите демонстрацию
4.9. Решение: исправление ошибок и оживление проекта Эталонное решение задания.
Проверка знаний
Пройдите тест
4.10. Тест по разделу

5. Webpack-плагины

Разберём концепцию webpack — плагины.

6. Режимы разработки

Изучим концепцию webpack — моды.

7. Подведение итогов

Вспомним, что мы изучили, подведём итоги и закрепим полученные знания.

8. Бонусный раздел

Разберём дополнительные инструменты и поделимся полезными ссылками.