In diesem Artikel wird der Installationsprozess von babel6.x ~ Erstens vorgestellt
Geben Sie dann das Thema ein: Installieren Sie Babel (Befehlszeilenumgebung für babel6.x Version).
1. Installieren Sie zuerst Babel-Cli (verwendet, um Babel im Terminal zu verwenden)
npm install -g babel -cli
2. Installieren Sie dann das Plug-In Babel-Preset-ES2015
NPM Install-Save Babel-Preset-ES2015
Hinweis: Die Babel5-Version enthält standardmäßig verschiedene Conversion-Plugins, aber Babel6.x-bezogene Conversion-Plugins müssen von Ihnen selbst heruntergeladen werden, z. Wenn kein Plug-In installiert ist, hat das Konvertieren in der Befehlszeile keinen Einfluss!
Unter ihnen aktualisiert der Parameter -Save automatisch die Paket.json -Datei und schreibt sie in die Abhängigkeiten ein
3. Geben Sie in die Befehlszeile ein:
Babel ES6.js -Presets ES2015
Ausgabe:
"Strikt verwenden"; [1, 2, 3] .Map (Funktion (x) {return x * x;});Hinweis: Der folgende Parameter -Presets ES2015 bedeutet, dieses Plugin zur Kompilierung zu verwenden. Wenn Sie keine Upconversion schreiben, hat dies keine Wirkung.
4. Plug-in-Konfiguration
Es ist sehr problematisch, diesen Parameter jedes Mal zu schreiben. Sie können im aktuellen Verzeichnis eine neue Konfigurationsdatei erstellen.
Im Windows-System darf es jedoch nicht direkt mit der rechten Maustaste klicken, um Dateien ohne Dateinamen zu erstellen. Sie können sie über die CMD -Befehlszeile erstellen: Öffnen Sie CMD im aktuellen Ordner und geben Sie einen Befehl ein
Geben Sie nul> .babelrc ein
Sie können im aktuellen Verzeichnis eine Datei.BabelRC erstellen und dann in die Datei schreiben:
{"Presets": ['Es2015']}Dann können Sie Babel ES6.js direkt in der Befehlszeile verwenden, um zu konvertieren, ohne Parameter hinzuzufügen, die das verwendete Plugin angeben
Zusätzlich zum Erstellen von .babelRC -Dateien können Sie sie auch in package.json konfigurieren und die folgenden Eigenschaften hinzufügen:
"Babel": {"Presets": ["Es2015"]}Mit Babel Common Commands beigefügt:
1. Konvertieren
Babel es6.js
2. Konvertieren Sie ES6.js und geben Sie es in die ES5.JS -Datei aus (mit -O oder -Out -Datei).
Babel es6.js -o es5.js
Babel ES6.js-Out-File Es5.js
3.. Echtzeit -Überwachung ES6.js wird neu kompiliert, sobald sich eine Änderung vorliegt (mit -W oder -Watch)
Babel ES6.js -W -Out -File Es5.js
Babel ES6.js-Watch-Out-File Es5.js
4. Kompilieren Sie den gesamten SRC -Ordner und geben Sie ihn in den LIB -Ordner aus (mit -D oder -Out -dir).
Babel Src -D lib
Babel Src-Out-Dir Lib
5. Kompilieren Sie den gesamten SRC -Ordner und geben Sie ihn in eine Datei aus
Babel Src-Out-File Es5.js
6. Geben Sie direkt den Befehl babelknoten ein und Sie können ES6-Code direkt aus der Befehlszeile ausführen
Babelknoten
Das obige ist der korrekte Installationsprozess von ES6 Babel in JavaScript, das Ihnen vom Editor vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!