Heim > Web-Frontend > js-Tutorial > Hauptteil

So konvertieren Sie die ES6-Syntax mit Babel in die ES5-Syntax

亚连
Freigeben: 2018-06-23 14:27:19
Original
1424 Leute haben es durchsucht

Babel ist ein weit verbreiteter Transcoder, der ES6-Code perfekt in ES5-Code konvertieren kann. Der folgende Artikel bietet Ihnen eine detaillierte Einführung in die relevanten Informationen zur Verwendung von Babel zum Konvertieren der ES6-Syntax in ES5 Durch Beispiele können Freunde in Not darauf verweisen.

Vorwort

Babel ist ein weit verbreiteter Transcoder, der ES6-Code in ES5-Code konvertieren kann, sodass er in der vorhandenen Umgebung ausgeführt werden kann.

Das bedeutet, dass Sie jetzt Programme in ES6 schreiben können, ohne sich Gedanken darüber machen zu müssen, ob die vorhandene Umgebung dies unterstützt.

In diesem Artikel wird erläutert, dass Node und NPM vorinstalliert werden müssen. Sie können auf diesen Artikel verweisen: //www.jb51.net/article/90518.htm, der ausführlich vorgestellt wird.

Dateiverzeichnisstruktur

Paketverwaltungskonfigurationsdatei package.json generieren

npm init -y
Nach dem Login kopieren

Installieren Sie das Konvertierungstool

npm i -g babel-cli

npm i --save-dev babel-preset-es2015 babel-cli
Nach dem Login kopieren

Schreiben Sie den folgenden Inhalt in die .babelrc-Datei

{
 "presets": [
 "es2015"
 ],
 "plugins": []
}
Nach dem Login kopieren

Kompilieren die Datei

babel src/test.js -o dist/test.js
Nach dem Login kopieren

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So verwenden Sie JavaScript, um eine provinzielle und kommunale Verknüpfung zu erreichen

So verwenden Sie den Watcher in Vue

So verwenden Sie berechnete Eigenschaften in Vue

So exportieren Sie JSON-Daten in eine Excel-Tabelle in Vue

Auf WeChat Verwendung von tabBar im Miniprogramm (ausführliches Tutorial)

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie die ES6-Syntax mit Babel in die ES5-Syntax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage