Heim >Web-Frontend >js-Tutorial >So konvertieren Sie die ES6-Syntax mit Babel in die ES5-Syntax

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

亚连
亚连Original
2018-06-23 14:27:191478Durchsuche

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

Installieren Sie das Konvertierungstool

npm i -g babel-cli

npm i --save-dev babel-preset-es2015 babel-cli

Schreiben Sie den folgenden Inhalt in die .babelrc-Datei

{
 "presets": [
 "es2015"
 ],
 "plugins": []
}

Kompilieren die Datei

babel src/test.js -o dist/test.js

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!

Stellungnahme:
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