К содержанию

Návod pre Webpack 5

Zrozumiteľný návod pre zostavovač Webpack s teóriou a úlohami pre začiatočníkov.

Základy

Princíp činnosti nástroja Webpack

Problém s cache v prehliadačoch

Webpack cez ES moduly v Webpack

Inštalácia Webpack

Základná konfigurácia buildovacieho nástroja Webpack

Nastavenie spustenia zostavy Webpack

Testovacia zostava cez Webpack

Pripojenie bundlu k HTML v Webpack

Importovanie súborov do vstupného bodu v Webpack

Absolútne cesty v Webpack

Pluginy v Webpacku

Loadery v Webpacku

Režimy zostavenia

Typy režimov zostavenia v Webpacku

Zmena režimu zostavenia v konfiguračnom súbore v Webpack

Režimy zostavovania cez scripts v Webpack

Automatické zostavovanie v Webpack

Vstupné a výstupné body

Vstupné a výstupné body v Webpack

Výstupný bod v Webpack

Viacero vstupných bodov v Webpacku

Hash v súbore zostavy v Webpack

Názvy vstupných bodov v Webpack

Pomenované vstupné body-pole v Webpack

Názvy súborov zostavy v Webpack

Mená a hash súborov zostavy v Webpack

Cesta k zložke buildu v Webpack

Kontext vstupných bodov v Webpacke

Štýly

Import CSS štýlov do Webpacku

Loadery pre CSS štýly v Webpack

Nastavenie importu CSS štýlov v Webpack

Testovanie importovania CSS štýlov v Webpack

Konfigurácia zostavenia CSS do zväzku v Webpacke

Testovanie zostavenia CSS do bundlu v Webpack

Názov súboru CSS zväzku v Webpack

Hash CSS bundle v Webpacke

Viacero CSS zväzkov v Webpack

Pripojenie CSS knižníc v Webpacku

Práca s LESS vo Webpacku

Práca s SASS v Webpacku

HTML

Práca s HTML layoutmi vo Webpack

Generovanie HTML layoutu v Webpacke

Niekoľko bundle skriptov v makete v Webpack

Zväzky skriptov s hashom v makete v Webpack

Bundle štýlov v layoute vo Webpack

Viacero zväzkov štýlov v makete v Webpack

Vlastný súbor layoutu vo Webpacke

Assets

Assets v Webpacku

Assets v JavaScript zväzkoch v Webpack

Assets v CSS zväzkoch v Webpack

Prispôsobenie cesty k súborom assets vo Webpacke

Prispôsobenie cesty k skupinám assetov v Webpacke

Inline assety v Webpack

Source assets v Webpacku

Všeobecné assety v Webpacku

Pluginy

Čistenie priečinka buildu v Webpack

Kopírovanie súborov v Webpack