К содержанию

Туторијал за Webpack 5

Разбирлив туторијал за сборувачот Webpack со теорија и задачи за почетници.

Основно

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

Проблема со кешот во прелистувачите

Webpack преку ES модули во Webpack

Инсталација на Webpack

Почетна конфигурација на Webpack

Конфигурација на стартување на собирот со Webpack

Тестова сборка преку Webpack

Поврзување на бандл во 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 собирок во Webpack

Тестирање на собирането на CSS во bundle во Webpack

Име на датотеката на CSS бандл во Webpack

Hash на CSS бандл во Webpack

Неколку CSS бандлови во Webpack

Вклучување на CSS библиотеки во Webpack

Работа со LESS во Webpack

Работа со SASS во Webpack

HTML

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

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

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

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

Бандли на стилови во макетот во Webpack

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

Своја датотека за layout во Webpack

Асети

Assets во Webpack

Assets во JavaScript бандлови во Webpack

Ассети во CSS bundles во Webpack

Приспособување на патеката до датотеките на ассети во Webpack

Приспособување на патеката до групи на ассети во Webpack

Инлайн assets во Webpack

Source assets во Webpack

Општи ассеты во Webpack

Приклучоци

Чистење на папката за градба во Webpack

Копирање на датотеки во Webpack