Cet article présente le processus d'installation de Babel6.x ~ Tout d'abord, vous pouvez utiliser Babel pour convertir en ligne https://babeljs.io/repl/
Entrez ensuite le sujet: Installez Babel (Environnement de ligne de commande, pour la version Babel6.x)
1. Installez d'abord Babel-Cli (utilisé pour utiliser Babel dans le terminal)
NPM Install -g Babel-Cli
2. Ensuite, installez le plug-in Babel-Preset-ES2015
Installation de NPM - Save Babel-Preset-ES2015
Remarque: La version Babel5 contient divers plugins de conversion par défaut, mais les plugins de conversion liés à Babel6.x doivent être téléchargés par vous-même, tels que Transform-ES2015-Arrow-Functions, Transform-ES2015-Classes, etc., et le préréglage ES2015 contient tous les plugins. Si aucun plug-in n'est installé, la conversion de la ligne de commande n'aura aucun effet!
Parmi eux, le paramètre --Save met automatiquement à jour le fichier package.json et l'écrit dans les dépendances
3. Entrez sur la ligne de commande:
babel es6.js --presets es2015
Sortir:
"Utilisez strict"; [1, 2, 3] .map (fonction (x) {return x * x;});Remarque: Le paramètre suivant - Protessets ES2015 signifie l'utilisation de ce plugin pour la compilation. Si vous n'écrivez pas de conversion croisée, cela n'aura aucun effet.
4. Configuration du plug-in
Il est très difficile d'écrire ce paramètre à chaque fois. Vous pouvez créer un nouveau fichier de configuration.babelrc dans le répertoire actuel.
Cependant, dans Windows System, il n'est pas autorisé à cliquer avec le bouton droit pour créer des fichiers sans noms de fichiers. Vous pouvez les créer via la ligne de commande CMD: ouvrez CMD dans le dossier actuel et tapez une commande
Tapez nul> .babelrc
Vous pouvez créer un fichier.babelrc dans le répertoire actuel, puis l'écrire dans le fichier:
{"Presets": ['es2015']}Ensuite, vous pouvez utiliser Babel es6.js directement sur la ligne de commande pour convertir sans ajouter de paramètres indiquant le plugin utilisé
En plus de créer des fichiers .babelrc, vous pouvez également les configurer dans package.json et ajouter les propriétés suivantes:
"Babel": {"Presets": ["es2015"]}Attaché avec des commandes communes Babel:
1. Convertir le fichier es6.js et le sortir dans la fenêtre du programme de ligne nommé actuel
babel es6.js
2. Convertir ES6.js et le sortir en fichier es5.js (utilisant -o ou —out-file)
babel es6.js -o es5.js
babel es6.js --out-file es5.js
3. Surveillance en temps réel ES6.js sera recompilée dès qu'il y aura un changement (utilisant -w ou - watch)
babel es6.js -w --out-file es5.js
babel es6.js --watch --out-file es5.js
4. Compilez l'intégralité du dossier SRC et sortez-le dans le dossier lib (utilisant -d ou --out-di)
babel src -d lib
babel src --out-di lib
5. Compilez l'intégralité du dossier SRC et sortie-le dans un fichier
babel src --out-file es5.js
6. Entrez directement la commande babel-node, et vous pouvez exécuter le code ES6 directement à partir de la ligne de commande
babel-node
Ce qui précède est le processus d'installation correct d'Es6 Babel dans JavaScript qui vous est présenté par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!