К содержанию

Дапаможнік па Webpack 5

Зразумелы дапаможнік па сборшчыку Webpack з тэорыяй і задачамі для пачаткоўцаў.

Асноўнае

Прынцып работы зборшчыка Webpack

Праблема з кешам у браўзерах

Webpack праз ES модулі ў Webpack

Устаноўка Webpack

Пачатковая налада зборшчыка Webpack

Налада запуску зборкі Webpack

Тэставая зборка праз Webpack

Падключэнне бандла да вёрсткі ў 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 у бандл у Webpack

Імя файла CSS бандла ў Webpack

Хэш CSS бандла ў Webpack

Некалькі CSS бандлаў у Webpack

Падключэнне CSS бібліятэк у Webpack

Работа з LESS у Webpack

Работа з SASS у Webpack

HTML

Работа з HTML макетамі ў Webpack

Генерацыя HTML макета ў Webpack

Некалькі бандлаў скрыптаў у макеце ў Webpack

Бандлы скрыптоў з хэшам у макеце ў Webpack

Бандлы стыляў у макеце ў Webpack

Некалькі бандлаў стыляў у макеце ў Webpack

Уласны файл макета ў Webpack

Асеты

Асеты ў Webpack

Асеты ў JavaScript бандлах у Webpack

Асеты ў CSS бандлах у Webpack

Кастамізацыя шляху да файлаў асэта ў Webpack

Кастымізацыя шляху да груп асэтаў у Webpack

Інлайн асеты ў Webpack

Source ассеты ў Webpack

Агульныя асеты ў Webpack

Плагіны

Ачыстка тэчкі зборкі ў Webpack

Капіяванне файлаў у Webpack