Inhaltsverzeichnis:

Nutzt Reagieren Webpack?
Nutzt Reagieren Webpack?

Video: Nutzt Reagieren Webpack?

Video: Nutzt Reagieren Webpack?
Video: Die moderne Web-Toolchain: webpack, npm und Yarn, Linting und Co. | Fabian Gosebrink 2024, November
Anonim

Reagieren braucht kein Babel oder Webpack aber die Bibliothek basiert auf dem Konzept von mit ES6-Javascript-Syntax und JSX (im Wesentlichen HTML in JS). Webpack ist getrennt von Reagieren aber häufig verwendet in Reagieren Projekte aus den von MattYao genannten Gründen.

Verwendet die Create-Reaktion-App auch Webpack?

Verwenden von Create React App Create React App Verwendet Webpack und Babel unter der Haube, aber es generiert nur die Dateien, die Sie brauchen, um an Ihrem zu arbeiten Reagieren Projekt. Wenn du gebaut hast Reagieren Apps vor, haben Sie keinen Zugriff auf die Konfigurationsdateien für Webpack , Babel, ESLint, etc. Auf diese Weise können Sie sich darauf konzentrieren, Ihre App.

Ebenso, wie führe ich ein Webpack aus? Schritt 2: Babel und Webpack einrichten

  1. Öffnen Sie eine Eingabeaufforderung und navigieren Sie (cd) zum Verzeichnis es6-tutorial-react.
  2. Geben Sie den folgenden Befehl ein, um eine package.json-Datei zu erstellen: npm init.
  3. Geben Sie den folgenden Befehl ein, um die Module React und React-Dom zu installieren: npm install React React-Dom --save-dev.

Warum verwenden wir außerdem Webpack in React?

Es kann nicht nur die Kombination und Verkleinerung von JavaScript- und CSS-Dateien verarbeiten, sondern auch andere Assets wie Bilddateien (Spriting) durch die verwenden von Plugins. Webpack kann sein Gebraucht als Alternative zur Kassetten- oder ASP. NET-Kombination und -Minderung.

Wie füge ich ein Webpack zu ReactJS hinzu?

ReactJS mit Webpack und Babel installieren

  1. Schritt 1 - Erstellen Sie den Stammordner.
  2. Schritt 2 - Installieren Sie React und reagieren Sie dom.
  3. Schritt 3 - Webpack installieren.
  4. Schritt 4 - Installieren Sie Babel.
  5. Schritt 5 - Erstellen Sie die Dateien.
  6. Schritt 6 - Compiler, Server und Loader einstellen.
  7. Schritt 7 - Index.
  8. Schritt 8 – App.

Empfohlen: