Tartalomjegyzék:

A React használja a Webpack-et?
A React használja a Webpack-et?

Videó: A React használja a Webpack-et?

Videó: A React használja a Webpack-et?
Videó: React и виртуальный DOM 2024, Lehet
Anonim

Reagál nem "kell" babel ill webpack de a könyvtár a koncepcióra épül segítségével ES6 javascript szintaxis és JSX (a JS-ben lényegében HTML). Webpack elkülönül tőle Reagál de általában használják Reagál projektek MattYao említett okokból.

Hasonlóképpen, a react alkalmazás létrehozása használja a Webpackot?

A Create React App használata React App létrehozása használ Webpack és a Babel a motorháztető alatt, de csak azokat a fájlokat állítja elő, amelyekre szüksége van a munkához Reagál projekt. Ha építettél Reagál alkalmazásokhoz korábban nem fog hozzáférni a konfigurációs fájlokhoz Webpack , Babel, ESLint stb. Így Ön csak a saját fejlesztésére összpontosít kb.

Hasonlóképpen, hogyan reagálhatok egy Webpack futtatására? 2. lépés: A Babel és a Webpack beállítása

  1. Nyisson meg egy parancssort, és navigáljon (cd) az es6-tutorial-react könyvtárba.
  2. A package.json fájl létrehozásához írja be a következő parancsot: npm init.
  3. Írja be a következő parancsot a react és a react-dom modulok telepítéséhez: npm install react react-dom --save-dev.

A fentieken kívül miért használjuk a Webpack-et a reakcióban?

Nemcsak a JavaScript- és CSS-fájlok kombinálását és minimalizálását tudja kezelni, hanem más eszközöket is, például képfájlokat (spriting) a használat bővítmények közül. Webpack lehet használt a Cassette vagy az ASP. NET Combination and Miniification alternatívájaként.

Hogyan adhatok hozzá webcsomagot a ReactJS-hez?

A ReactJS telepítése webpack és babel használatával

  1. 1. lépés - Hozzon létre egy gyökérmappát.
  2. 2. lépés - Telepítse a React és a React dom alkalmazást.
  3. 3. lépés – Webpack telepítése.
  4. 4. lépés – Telepítse a babelt.
  5. 5. lépés – Hozza létre a fájlokat.
  6. 6. lépés – Állítsa be a fordítót, a szervert és a betöltőket.
  7. 7. lépés - index.
  8. 8. lépés – kb.

Ajánlott: