К содержанию

Упутство за Webpack 5

Разговетан туторијал о Webpack модулу спајања, са теоријом и задацима за почетнике.

Основне

Принцип рада Webpack-а

Проблема са кешом у прегледачима

Webpack преко ES модула у Webpack-у

Инсталација Вебпак-а

Почетно подешавање градитеља Webpack

Подешавање покретања Webpack градње

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

Повезивање бандла за верстање у Webpack-у

Увоз фајлова у улазну тачку у Webpack

Апсолутни путеви у Webpack

Плуг-инс у Вебпаку

Лоадери у Вебпаку

Режими изградње

Врсте режима прикупљања у Webpack-у

Промена режима компилације у конфигурационој датотеци у Webpack

Режими сборње преко scripts у Webpack-у

Аутоматска сборња у Webpack-у

Тачке улаза-излаза

Улазне и излазне тачке у Webpack-у

Излазна тачка у Webpack-у

Неколико тачака улаза у Webpack

Хеш у фајлу састављања у Вебпаку

Називи улазних тачака у Webpack-у

Именоване улазне тачке-низови у Webpack

Имена фајлова скупљања у Вебпаку

Имена и хеш фајлова у Webpack

Пут до фасцикле за изградњу у Webpack

Контекст улазних тачака у Webpack-у

Стилови

Импорт CSS стилова у Webpack-у

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

Подешавање увоза CSS стилова у Webpack

Тестирање увоза CSS стилова у Webpack

Подешавање састављања CSS-а у бандл у Webpack-у

Тестирање спремања CSS у бандл у Webpack-у

Име CSS бандла у Webpack-у

Хеш CSS бандла у Webpack-у

Више CSS бандлова у Webpack-у

Повезивање CSS библиотека у Webpack-у

Рад са LESS-ом у Webpack-у

Рад са SASS у Webpack-у

HTML

Рад са ХТМЛ шаблонима у Вебпаку

Генерисање HTML шаблона у Webpack-у

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

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

Бандлови стилова у макетима у Вебпаку

Више бандлова стилова у макету у Webpack-у

Свој фајл макете у Webpack-у

Асети

Асети у Webpack-у

Асети у JavaScript бандловима у Webpack-у

Ассети у CSS бандловима у Вебпаку

Прилагођавање путање до фајлова ассет-а у Webpack

Прилагођавање путанине групе assets у Webpack-у

Инлајн асети у Вебпаку

Source ассети у Webpack-у

Заједнички асети у Вебпаку

Плагини

Чишћење директоријума за изградњу у Webpack-у

Копирање фајлова у Webpack-у