Unterschied zwischen Webpack / babel und reagieren-Skripte

Im Grunde genommen, dienen Sie unterschiedlichen Zwecken und zeigen in der Regel zusammen. Ich werde erklären, was Sie tun sollen.

babel

Babel ist ein transpiler. Es übersetzt alle Arten von high-version ECMAScript ( nicht nur in ECMAScript, aber es ist leicht zu verstehen) in ES5, die mehr weithin unterstützt von den Browsern (vor allem ältere Versionen). Es ist Hauptaufgabe ist wiederum nicht unterstützt wird oder topaktuelle Funktionen der Sprache in ES5.

Webpack

Webpack ist, unter anderem, eine dependency analyzer-Modul und bundler. Zum Beispiel, wenn Modul A ist von B als Abhängigkeit zu Modul B erfordert C als Abhängigkeit, dann webpack erzeugen eine Abhängigkeit Karte wie C -> B -> A. In der Praxis ist es viel komplizierter als das, aber das Allgemeine Konzept ist, dass die Webpack-Pakete-Module mit komplexen Abhängigkeitsbeziehungen zu bündeln. Bezüglich webpack Beziehung mit babel: Wenn webpack Prozesse, Abhängigkeiten, es muss alles in javascript, denn webpack arbeitet über javascript. Als Ergebnis kann es verwendet verschiedene Lader zu übersetzen, unterschiedliche Typen von Ressourcen/- code in javascript. Wenn wir brauchen, ES6 oder ES7 Funktionen, die wir verwenden babel-loader um dies zu erreichen.

reagieren-Skript

wenn wir eine Reaktion-basiertes Projekt, das einrichten der build-Umgebung ist harte und zeitaufwändige Arbeit. Um dabei zu helfen, die Entwickler Reagieren erstellt ein npm-Paket namens react-scripts enthält viele der grundlegenden setup die meisten Menschen brauchen für eine Durchschnittliche app Reagieren. Babel und webpack sind als Abhängigkeiten berücksichtigt, die in reagieren-scripts

InformationsquelleAutor Oboo Chin