Maison > interface Web > js tutoriel > Comment utiliser Babel pour convertir la syntaxe Es6 en Es5

Comment utiliser Babel pour convertir la syntaxe Es6 en Es5

亚连
Libérer: 2018-06-23 14:27:19
original
1432 Les gens l'ont consulté

Babel est un transcodeur largement utilisé. Babel peut parfaitement convertir le code ES6 en code ES5, l'article suivant vous donnera donc une introduction détaillée aux informations pertinentes sur l'utilisation de Babel pour convertir la syntaxe es6 en es5. Article L'introduction est très détaillée. à travers des exemples, les amis dans le besoin peuvent s'y référer.

Avant-propos

Babel est un transcodeur largement utilisé qui peut convertir le code ES6 en code ES5 afin qu'il puisse être exécuté dans l'environnement existant.

Cela signifie que vous pouvez désormais écrire des programmes dans ES6 sans vous soucier de savoir si l'environnement existant le prend en charge.

Cet article explique que node et npm doivent être préinstallés. Vous pouvez vous référer à cet article : //www.jb51.net/article/90518.htm, qui est présenté de manière très détaillée.

Structure des répertoires de fichiers

Générer le fichier de configuration de gestion des packages package.json

npm init -y
Copier après la connexion

Installez l'outil de conversion

npm i -g babel-cli

npm i --save-dev babel-preset-es2015 babel-cli
Copier après la connexion

Écrivez le contenu suivant dans le fichier .babelrc

{
 "presets": [
 "es2015"
 ],
 "plugins": []
}
Copier après la connexion

Fichiers compilés

babel src/test.js -o dist/test.js
Copier après la connexion

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Comment utiliser JavaScript pour établir des liens provinciaux et municipaux

Comment utiliser l'observateur dans vue

Comment utiliser les propriétés calculées dans Vue

Comment exporter des données JSON vers une feuille de calcul Excel dans Vue

Sur WeChat Utilisation de tabBar dans un mini programme (tutoriel détaillé)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal