title | demand |
---|---|
Citát |
2 |
Vyzkoušejte si založení vlastního Webpack projektu s jednoduchou stránkou.
- Podle návodu z této lekce si založte nový webpack projekt. Pojmenujte si jej
quotes
. - Uvnitř elementu
#app
vytvořte HTML a CSS pro stránku zobrazující nějaký známý citát. Co se týče vzhledu stránky, můžete se inspirovat třeba zde. - Převeďte zobrazování citátu na JavaScriptovou komponentu jménem
Quote
. Ve složcesrc
si vytvořte složkuQuote
se souboryindex.js
astyle.css
. Do souboruQuote/index.js
vložte kód komponenty a do souboruQuote/style.css
její CSS styly. - V souboru
Quote/index.js
správně importujte soubor se styly a správně exportujte funkci komponenty. - V hlavním souboru
src/index.js
správně importujte komponentuQuote
a použijte ji k vytvoření obsahu stránky.