Principy Webpacku

Webpack je nejdůležitější nástroj pro zpracování javascriptového, ale i jiného frontendového kódu. Poznejte jej více. Pomocí Webpacku spojíte skripty, styly, obrázky a všechno ostatní do balíčků pro lokální vývoj i produkci. Nástroj je to mocný, ale může být těžší do něj proniknout. Často v něm tápou i lidé, kteří jej nějaký čas používají a s tím vám pomůže naše video. - K čemu se Webpack hodí a k čemu ne? (**1:48**) - Základy Webpacku (**6:00**) - Konfigurační soubor `webpack.config.js` a bundly (**8:19**) - Externí moduly (**12:32**) - Produkční versus vývojové prostředí (**14:39**) - Generování více bundlů (**20:28**) - Sdílení kódu (**24:24**) - Importování obrázků (**27:00**) - Více loaderů - optimalizace obrázků (**32:07**) - Importování CSS (**35:12**) - Transpilace CSS: Sass, Autoprefixer (**38:22**) - Znovupoužití konfigurace (**43:00**) - Alternativy k Webpacku (**46:16**) - Dotazy (**47:13**) - Repozitář s ukázkami: [github.com/fczbkk/webinar-webpack](https://github.com/fczbkk/webinar-web...) - [Dokumenace Webpacku](https://webpack.js.org/) - [Nejčastější loadery](https://webpack.js.org/loaders/) - Alternativy: [Browserify](http://browserify.org/), [Parcel](https://parceljs.org/), [Rollup](https://rollupjs.org/) - [Porovnání alternativ](https://bundlers.tooling.report/) - [MDN: Dynamické importy](https://developer.mozilla.org/en-US/d...) - [Vzhůru dolů: Webpack - úplné základy](https://www.vzhurudolu.cz/prirucka/we...) Lektor: Riki Fridrich https://fczbkk.com/