К содержанию

Учебник по Webpack 5

Разбираемо ръководство за сборчика Webpack с теория и задачи за начинаещи.

Основни

Принцип на работа на сборщика Webpack

Проблема с кешем в браузерах

Webpack чрез ES модули в Webpack

Инсталиране на Webpack

Начална настройка на сборщика Webpack

Конфигуриране на изпълнението на сглобяването на Webpack

Тестова сборка чрез Webpack

Свързване на bundle към HTML в Webpack

Импорт на файлове в входната точка във Webpack

Абсолютни пътища във Webpack

Плъгини в Webpack

Лоадери в Webpack

Режими на сборка

Видове режими на сборка в Webpack

Промяна на режима на сборка във файла с конфигурация в Webpack

Режими на сборка чрез scripts в Webpack

Автоматична сборка в Webpack

Точки на вход-изход

Точки на вход и изход в Webpack

Изходна точка в Webpack

Множество точки на влизане в Webpack

Хеш във файла на сбирката в Webpack

Имена на входни точки в Webpack

Именовани точки-масиви в Webpack

Имена на файлове на сборката в Webpack

Имена и хеш на файловете на сборката в Webpack

Пътят към папката на сборката в Webpack

Контекст на входните точки в Webpack

Стилове

Импорт на CSS стилове във Webpack

Лоадери за CSS стилове в Webpack

Конфигуриране на импорта на CSS стилове в Webpack

Тестване на импорта на CSS стилове в Webpack

Настройка на CSS сборката в bundle във Webpack

Тестване на изграждането на CSS в bundle във Webpack

Име на CSS bundle файла в Webpack

Хеш на CSS bundle в Webpack

Няколко CSS бандла в Webpack

Свързване на CSS библиотеки в Webpack

Работа с LESS в Webpack

Работа с SASS в Webpack

HTML

Работа с HTML шаблони в Webpack

Генериране на HTML шаблон в Webpack

Няколко бандла скриптов в макет в Webpack

Бандлове със скриптове с хеш в макет в Webpack

Бандли за стилове в оформлението във Webpack

Няколко бандла стилове в макет в Webpack

Собствен HTML шаблон във Webpack

Assets

Ассети в Webpack

Ассети в JavaScript bundles в Webpack

Ассети в CSS bundles в Webpack

Персонализиране на пътя към файловете с assets в Webpack

Персонализиране на пътя към групи assets в Webpack

Инлайн ассети в Webpack

Source assets в Webpack

Общи ассети в Webpack

Плъгини

Почистване на папката на сборката в Webpack

Копиране на файлове в Webpack