Sisällysluettelo:

Käyttääkö React Webpackia?
Käyttääkö React Webpackia?

Video: Käyttääkö React Webpackia?

Video: Käyttääkö React Webpackia?
Video: Laundry Workers First Reaction to JINJER - Pisces 🇺🇦 2024, Marraskuu
Anonim

Reagoi ei "tarvitsee" babelia tai verkkopaketti mutta kirjasto on rakennettu konseptille käyttämällä ES6 javascript-syntaksi ja JSX (pääasiassa HTML JS:ssä). Verkkopaketti on erillään Reagoi mutta yleisesti käytetty Reagoi projekteja MattYaon mainitsemista syistä.

Samoin käyttääkö react-sovelluksen luominen Webpackia?

Luo React -sovellus Luo React-sovellus käyttää Verkkopaketti ja Babel konepellin alla, mutta se luo vain tiedostot, joita tarvitset työskentelyyn Reagoi hanke. Jos olet rakentanut Reagoi sovelluksia ennen, sinulla ei ole pääsyä määritystiedostoihin Verkkopaketti , Babel, ESLint jne. Näin voit keskittyä vain rakentamiseen sovellus.

Samoin, kuinka annan Webpack-reaktion? Vaihe 2: Määritä Babel ja Webpack

  1. Avaa komentokehote ja siirry (cd) es6-tutorial-react-hakemistoon.
  2. Kirjoita seuraava komento luodaksesi package.json-tiedoston: npm init.
  3. Asenna react- ja react-dom-moduulit kirjoittamalla seuraava komento: npm install react react-dom --save-dev.

Yllä olevan lisäksi, miksi käytämme Webpackia reactissa?

Se pystyy käsittelemään JavaScript- ja CSS-tiedostojen yhdistämisen ja pienentämisen lisäksi myös muita resursseja, kuten kuvatiedostoja (spriting) käyttää laajennuksista. Verkkopaketti voi olla käytetty vaihtoehtona Cassette- tai ASP. NET Combination and Minificationille.

Kuinka lisään verkkopaketin ReactJS:ään?

ReactJS:n asentaminen webpackin ja babelin avulla

  1. Vaihe 1 - Luo juurikansio.
  2. Vaihe 2 - asenna React ja react dom.
  3. Vaihe 3 - Asenna verkkopaketti.
  4. Vaihe 4 - Asenna babel.
  5. Vaihe 5 - Luo tiedostot.
  6. Vaihe 6 - Aseta kääntäjä, palvelin ja latauslaitteet.
  7. Vaihe 7 - indeksi.
  8. Vaihe 8 − App.

Suositeltava: