Spravodlivé varovanie! Toto nie je rýchly, priamy a odborný prístup k nastavovaniu týchto technológií. Aj keď to nakoniec všetko úspešne zvládneme. Jedná sa o dokumentovanie skutočných skúseností s vykonávaním tohto druhu práce. Niektoré veci fungujú ľahko, iné nie. Niekedy je to moja chyba. Dokumenty sú niekedy nejasné. Niekedy sa pod našimi nohami udiali zmeny. Musíme to všetko prebiť.
Máme tu malý plán. Chceme urobiť lokálny projekt, ktorý využíva:
- Reagovať: Povedzme, že budujeme SPA a veľmi túžime pracovať s modelom komponentov.
- ReactDOM - staviame pre web.
- Webpack: Chceme server dev, opätovné načítanie horúcich modulov a spôsob, ako spojiť naše závislosti spôsobom hodným výroby.
- Babel: Možno nebudeme potrebovať ďalšie kompilácie JavaScriptu do budúcnosti, potrebujeme však JSX a zostavuje to Babel.
- Moduly CSS: Chceme napísať niekoľko izolovaných komponentov špecifických pre CSS a je to pekný spôsob, ako to urobiť, keď naše štýly zostanú v listoch štýlov.
Našťastie, keď som plánoval urobiť toto video, našiel som článok „Ako vytvoriť aplikáciu React od nuly pomocou balíka Webpack 4“ od Linha Nguyena My. 12,5 tis. Tlieskania na médiu! Wow! Pridal som k tomu aj kopu tlieskaní, pretože sa zdá, že je to jediný tutoriál, ktorý skutočne pokrýva túto super populárnu kombináciu priateľov prístupným spôsobom, ktorý skutočne funguje.
To neznamená, že všetko ide ľahko a hladko! Po ceste som narazil na kopu malých problémov. Niektoré z nich sú moje prsty. Niektoré z nich sú záhadné chyby, ktoré sa objavia pri spustení príkazov, ktorým sotva rozumiem. Zdá sa, že v niektorých chýba dokumentácia o funkciách. Napriek tomu to nakoniec všetko vyriešime a máme funkčný projekt!