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