Was ist "npm-run-build" erstellen-reagieren-app?

Konnte ich nicht finden, eine Erklärung über die Arbeit von "npm-run-build",

Es ist einfach und leicht zu bedienen und ich bekomme die "build" - Ordner, die großen Werke,

Aber im erstellen-reagieren-app, was passiert genau hinter den kulissen?

Ist es eine komplett andere Nutzung eines build-tool?

Wenn nicht, ist es bei Verwendung von anderen build-tools?

npm run <script-name> ist eine npm-syntax für die Ausführung von Projekt-spezifischen scripts. Diese Scripte sind definiert in scripts Abschnitt " von Ihrem package.json - Datei. Weitere Informationen finden Sie unter npm-scripts docs. Wahrscheinlich npm run build im create-react-app einfach ruft einige andere build-Tools wie gulp, grunt oder webpack. Überprüfen Sie Ihre package.json zu sehen, den genauen Befehl ausgeführt wird.

InformationsquelleAutor Ben Porat | 2017-05-07

12

Entwickler oft brechen, JavaScript und CSS in separate Dateien. Separate Dateien lassen Sie Ihren Fokus auf das schreiben mehr modulare Codeabschnitte, die eine einzige Sache. Dateien, die eine Sache, die Abnahme Ihrer kognitiven Belastung Stand zu halten ist eine Recht langwierige Aufgabe.

Was passiert eigentlich hinter den kulissen?

Wenn es Zeit ist sich zu bewegen Ihre app, um die Produktion, die mehrere JavaScript-oder CSS-Dateien ist nicht ideal. Wenn ein Benutzer Ihre Website besucht, jede Ihrer Dateien benötigen eine zusätzliche HTTP-Anfrage, so dass Ihre Website langsamer zu laden.
Also um dies zu beheben, können Sie eine "bauen" unserer app, die verbindet alle Ihre CSS Dateien in eine Datei und macht das gleiche mit Ihr JavaScript. Diese Weise minimieren Sie die Anzahl und Größe der Dateien, die der Benutzer erhält. Zum erstellen dieser "bauen", verwenden Sie eine "build-tool". Daher ist der Einsatz von npm run build.

Als Sie haben zu Recht erwähnt, dass Sie den Befehl ausführen (npm run build) schafft Sie eine build - Verzeichnis. Nun mal angenommen, Sie haben eine Reihe von CSS-und JS-Dateien in Ihrer app:
```
css/
  mpp.css
  design.css
  visuals.css
  ...
js/
  service.js
  validator.js
  container.js
  ...
```
Nachdem Sie laufen npm run build Ihre build Verzeichnis:
```
build/
  static/
    css/
      main.css
    js/
      main.js
```
Nun Ihre app hat nur sehr wenige Dateien. Die app ist immer noch die gleiche, bekam aber komprimiert auf ein kleines Paket namens build.

Endgültige Urteil:
Sie Fragen sich vielleicht, warum eine bauen, ist auch Wert, wenn alle es tut, ist speichern Sie Ihre Benutzer ein paar Millisekunden Ladezeit. Gut, wenn Sie eine Website nur für sich selbst oder ein paar andere Menschen, die Sie nicht haben, um die Mühe mit diesem. Generierung eines build, Ihr Projekt ist nur für high-traffic-sites (oder Websites, die Sie hoffen, werden high-traffic bald).

Wenn Sie nur lernen, Entwicklung, oder nur für Standorte mit sehr wenig Verkehr, Erzeugung eines bauen könnte, nicht Wert Ihre Zeit.

InformationsquelleAutor patrick.1729
2

Es ist hier kurz erläutert: https://github.com/facebookincubator/create-react-app#npm-run-build-or-yarn-build.

Richtig bundles Reagieren im Produktions-Modus und optimiert die build für die beste Leistung.

Build ist minified und die Dateinamen enthalten die hashes.

Hinter den kulissen, es nutzt babel transpile den code und webpack als build-tool bündeln Ihre Anwendung.

InformationsquelleAutor rgommezz

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.