Spisu treści:

Czy React używa Webpacka?
Czy React używa Webpacka?

Wideo: Czy React używa Webpacka?

Wideo: Czy React używa Webpacka?
Wideo: НАСТРОЙ СВОЙ REACT ПРОЕКТ С ПОМОЩЬЮ WEBPACK | How to config webpack? 2024, Listopad
Anonim

Reagować nie "potrzebuje" babel lub pakiet internetowy ale biblioteka jest zbudowana na koncepcji za pomocą Składnia javascript ES6 i JSX (zasadniczo HTML w JS). Pakiet internetowy jest oddzielony od Reagować ale powszechnie używane w Reagować projekty z powodów, o których wspomniał MattYao.

Podobnie, czy aplikacja Create React korzysta z Webpacka?

Korzystanie z aplikacji Create React Stwórz aplikację React używa Pakiet internetowy i Babel pod maską, ale generuje tylko te pliki, których potrzebujesz do pracy nad swoim Reagować projekt. Jeśli zbudowałeś Reagować aplikacje wcześniej, nie będziesz mieć dostępu do plików konfiguracyjnych dla Pakiet internetowy , Babel, ESLint itp. W ten sposób skupiasz się tylko na budowaniu swojego aplikacja.

Podobnie, jak mam zareagować na Webpack? Krok 2: Skonfiguruj Babel i Webpack

  1. Otwórz wiersz poleceń i przejdź (cd) do katalogu es6-tutorial-react.
  2. Wpisz następujące polecenie, aby utworzyć plik package.json: npm init.
  3. Wpisz następujące polecenie, aby zainstalować moduły React i React-dom: npm install React-Dom --save-dev.

Poza tym, dlaczego używamy Webpacka w reakcji?

Może obsługiwać nie tylko łączenie i minifikację plików JavaScript i CSS, ale także inne zasoby, takie jak pliki graficzne (spriting) poprzez posługiwać się wtyczek. Pakiet internetowy może być używany jako alternatywa dla Cassette lub ASP. NET Combination and Miniification.

Jak dodać Webpack do ReactJS?

Instalacja ReactJS za pomocą webpacka i babel

  1. Krok 1 - Utwórz folder główny.
  2. Krok 2 - zainstaluj React i zareaguj dom.
  3. Krok 3 - Zainstaluj pakiet internetowy.
  4. Krok 4 - Zainstaluj babel.
  5. Krok 5 - Utwórz pliki.
  6. Krok 6 - Ustaw kompilator, serwer i programy ładujące.
  7. Krok 7 - indeks.
  8. Krok 8 – Zał.

Zalecana: