Webpack 1: Введение

Webpack 2.1: Простая сборка - Простой конфиг

Webpack 2.2 Простая сборка - Внешний доступ к модулям

Webpack 2.3 Простая сборка - Пересборка при изменениях

Webpack 2.4 Простая сборка - Source maps

Webpack 2.5 Простая сборка - Окружение, NODE_ENV

Webpack 2.6 Простая сборка - Babel.JS

Webpack 2.7 Простая сборка - Resolving

Webpack 2.8 Простая сборка - Минификация

Webpack 3.1: Несколько скриптов - Несколько точек входа

Webpack 3.2 Несколько скриптов - NoErrorsPlugin

Webpack 3.3 Несколько скриптов - CommonsChunkPlugin

Webpack 3.4 Несколько скриптов - Информация о сборке

Webpack 3.5 Несколько скриптов - Настройки CommonsChunkPlugin

Webpack 3.6 Несколько скриптов - Общий код в common.js

Webpack 3.7 Несколько скриптов - Мульти-компиляция

Webpack 4.1: Продвинутые require - Динамический require

Webpack 4.2: Продвинутые require - Объединение фрагментов

Webpack 4.3: Продвинутые require - require(выражение)

Webpack 4.4: Продвинутые require - require.context

Webpack 4.5: Продвинутые require - Динамический require.context

Webpack 4.6: Продвинутые require - ContextReplacementPlugin

Webpack 4.7: Продвинутые require - IgnorePlugin

Webpack 5.1 Внешние библиотеки - CDN и сборка: externals

Webpack 5.2 Внешние библиотеки - Локально: ProvidePlugin

Webpack 5.3 Внешние библиотеки - Оптимизация: noParse, include

Webpack 5.4 Внешние библиотеки - Старые скрипты: пути и imports/exports

Webpack 5.5 Внешние библиотеки - expose и script-loader

Webpack 6.1 Стили и файлы - Компонент "меню", style-loader

Webpack 6.2 Стили и файлы - CSS и file-loader

Webpack 6.3 Стили и файлы - url-loader

Webpack 6.4 Стили и файлы - jade-loader

Webpack 6.5 Стили и файлы - less, sass, stylus

Webpack 6.6 Стили и файлы - ExtractTextPlugin

Webpack 7.1 Длинное кеширование - Повторение: пример конфига

Webpack 7.2 Длинное кеширование - Настройки для кеширования

Webpack 8.1: Live Reload & HMR - Webpack Dev Server

Webpack 8.2: Live Reload & HMR - Продвинутая настройка WDS

Webpack 8.3: Live Reload & HMR - Live Reload

Webpack 8.4: Live Reload & HMR - Hot Module Replacement

Введение

Простая сборка 

Несколько скриптов

Продвинутые require

Внешние библиотеки

Стили и файлы

Длинное кеширование

Live Reload & HMR

Webpack - Курс

Источник:
<a href="https://learn.javascript.ru/screencast/webpack" target="_blank">https://learn.javascript.ru/screencast/webpack</a>

Webpack - один из самых мощных и гибких инструментов для сборки frontend.
Вместе с тем, он достаточно сложен, а документация оставляет желать много лучшего.

Полезного просмотра!

Webpack - Курс

В курс входит

Цена курса