Základní info
Webpack je aplikace postavená na Node.js, díky které můžete ve webové aplikaci využít moduly z Node.js. A nejen to. Můžete použít i ES moduly nebo importovat assety (obrázky, CSS, písma) jako by to byly kusy JavaScriptu. Výsledkem je balíček, který můžete použít rovnou v prohlížeči na webové stránce. Na začátku je tedy Node.js, Webpack, Javascript, CSS, nějaké obrázky a písma a na konci je hotová webovka.
Díky nastavení a různým pluginům a modulům ještě můžeme využít preprocesory CSS (LESS, SASS), transpilaci do nižších verzí JavaScriptu a polyfilly (díky čemuž náš moderní kód spustíme i v IE 10) či kontrolu pravidel psaní CSS a JS kódu.
Webpack není určen jen pro balení, ale i pro vývoj.
Na tomto školení se dozvíte, jak nainstalovat, spustit a nakonfigurovat Webpack, aby za vás udělal maximum práce jak při vývoji webové stránky, tak při tvorbě produkčního kódu. Začneme na nule a na konci kurzu budete míz hotový kompletní boilerplate, který okamžitě budete moci zakomponovat do svého workflow.
- Úvod
- Úvod
- Základní konfigurace
- Assety (zdroje)
- Řízení a distribuce výstupu
- Vývoj s Webpackem
- Pomocné prostředky a optimalizace
- Nezávislá konfigurace pro vývoj a produkci
JavaScript na pokročilejší úrovni HTML a kaskádových stylů, výhodou je znalost moderního JavaScriptu (moduly), Node.js, CSS preprocesorů (LESS, SAAS).
