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

Comment utiliser Babel pour convertir la syntaxe Es6 en Es5

亚连
亚连original
2018-06-23 14:27:191421parcourir

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

Installez l'outil de conversion

npm i -g babel-cli

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

Écrivez le contenu suivant dans le fichier .babelrc

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

Fichiers compilés

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

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!

Déclaration:
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