Konfigurace Webpacku (bonus)

Pokud pro zapojení CSS stylů do stránky používáme style-loader, tento vloží styly do stránky pomocí prvků <style></style>. To se nám v mnoha případech nemusí hodit a chceme, aby Webpack vyrobil klasický soubor style.css a nalinkoval ho do naší stránky. K tomu je potřeba místo style-loaderu použít MiniCssExtractPlugin.

1. Udělejte si fork repozitáře s jednoduchou stránkou, která používá Webpack a style-loader.
2. Nainstalujte závislosti pomocí npm instal a spusťte projekt pomocí npm run start.
3. Podívejte se pomocí dev-tools kde jsou ve stránce vloženy styly.
4. Plugin MiniCssExtractPlugin má velmi srozumitelnou dokumentaci. Následujte ji a nakonfigurujte Webpack tak, aby generoval separátní soubor s CSS styly.