Përmbajtje:

A përdor react Webpack?
A përdor react Webpack?

Video: A përdor react Webpack?

Video: A përdor react Webpack?
Video: |Gacha Club| 🐷 Piggy characters react to Piggy Memes - Peppa and Roblox Piggy Funny Animation 2024, Nëntor
Anonim

Reagoni nuk “ka nevojë” për babel ose uebpaketë por biblioteka është ndërtuar mbi konceptin e duke përdorur Sintaksa javascript ES6 dhe JSX (në thelb HTML në JS). Uebpaketë është i ndarë nga Reagoni por zakonisht përdoret në Reagoni projektet për arsyet e përmendura MattYao.

Po kështu, a përdor Webpack krijimi i aplikacionit react?

Duke përdorur Create React App Krijo React App përdor Uebpaketë dhe Babel nën kapuç, por gjeneron vetëm skedarët që ju nevojiten për të punuar në tuaj Reagoni projekti. Nëse keni ndërtuar Reagoni aplikacionet më parë, nuk do të keni akses në skedarët e konfigurimit Uebpaketë , Babel, ESLint, etj. Në këtë mënyrë, ju fokusoheni vetëm në ndërtimin tuaj aplikacioni.

Në mënyrë të ngjashme, si mund të reagoj në një Webpack? Hapi 2: Vendosni Babel dhe Webpack

  1. Hapni një vijë komandimi dhe lundroni (cd) në drejtorinë es6-tutorial-react.
  2. Shkruani komandën e mëposhtme për të krijuar një skedar package.json: npm init.
  3. Shkruani komandën e mëposhtme për të instaluar modulet react dhe react-dom: npm install react react-dom --save-dev.

Përveç sa më sipër, pse përdorim Webpack në react?

Ai mund të trajtojë jo vetëm kombinimin dhe minimin e skedarëve JavaScript dhe CSS, por edhe asete të tjera si skedarët e imazhit (spriting) përmes përdorni të shtojcave. Uebpaketë mund te jete të përdorura si një alternativë ndaj Kasetës ose Kombinimit dhe Minifikimit ASP. NET.

Si mund të shtoj një Webpack në ReactJS?

Instalimi i ReactJS duke përdorur uebpack dhe babel

  1. Hapi 1 - Krijoni dosjen Root.
  2. Hapi 2 - instaloni React dhe react dom.
  3. Hapi 3 - Instaloni paketën e internetit.
  4. Hapi 4 - Instaloni babel.
  5. Hapi 5 - Krijoni skedarët.
  6. Hapi 6 - Vendos Kompiluesin, Serverin dhe Ngarkuesit.
  7. Hapi 7 - indeksi.
  8. Hapi 8 - Aplikacioni.

Recommended: