Продвинутый и ёмкий курс
Вы изучите все возможные темы, которые относятся к Webpack: от основ эффективной сборки проекта до продвинутых подходов типа code splitting и shimming.
Структура курса:
Что такое 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
Глобальное управление сборкой
Вы изучите все возможные темы, которые относятся к Webpack: от основ эффективной сборки проекта до продвинутых подходов типа code splitting и shimming.
Структура курса:
Что такое 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
Глобальное управление сборкой
Скрытое содержимое могут видеть только пользователи групп(ы): VIP