Описание: Продвинутый и ёмкий курс Вы изучите все возможные темы, которые относятся к Webpack: от основ эффективной сборки проекта до продвинутых подходов типа code splitting и shimming.
Структура курса: 1. Знакомство с webpack
Что такое webpack?
Bundler vs task runner
Отличия webpack от остальных решении?
Dependency graph
Самыи? простои? запуск webpack: config-free, CLI
Разработка самои? простои? конфигурации webpack
Типы конфигурации?: Объект, Функция, Промис
Подключение HTML
2. Основы webpack
Запуск webpack через Node API
Что такое Loader
Что такое Plugin
Настрои?ка сервера для разработки
webpack-dev-server
webpack-dev-middleware
Hot module replacement
3. Загрузка кода
Сборка JavaScript
Чистыи? JavaScript
Транспаи?линг
Сборка React
Композиция конфигурации: разделение конфигурации? на development и production
Сборка CSS
CSS Modules
Загрузка PostCSS
4. Загрузка ассетов
Улучшенная композиция конфигурации
Перевод конфигурации на ESM
Вынесение частеи? конфигурации в модули
Source maps
Загрузка изображении?
Загрузка лодером
Загрузка инлаи?н
Загрузка SVG: React-компонент, атрибут src, CSS
Загрузка шрифтов
Загрузка лодером
Загрузка Google-шрифтов
5. Оптимизация сборки
Разбор webpack runtime
Переменные окружения и feature flags
Анализ сборки
Оптимизация режимов сборки: development, production
JavaScript
Минификация
Tree shaking
Scope hoisting
Dead code elimination
6. Продвинутая оптимизация
CSS
Отделение CSS от сборки
autoprefixer
Минификация
Оптимизация изображении?
Деплои?мент сборки
Long term caching
7. В долгое путешествие
Что такое чанк, модуль, зависимость
Code splitting
Bundle Splitting
Manifest management
Polyfilling
gzip-компрессия сборки
Настрои?ка publicPath
Продвинутая отладка сборки
8. Копаем ещё глубже
Проблемы, связанные с code splitting и их решение
Code splitting React-приложений
Shimming
Глобальное управление сборкой
Вариант 1: Электронная доставка на email
После оплаты заказа на сайте, вам приходит ссылка на курс/тренинг/материалы на почту указанную в заказе.