Este artículo presenta el proceso de instalación de Babel6.x ~ En primer lugar, puede usar Babel para convertir en línea https://babeljs.io/repl/
Luego ingrese el tema: Instale Babel (entorno de línea de comandos, para la versión Babel6.x)
1. Primero instale Babel-Cli (se usa para usar Babel en la terminal)
NPM instalación -g babel -cli
2. Luego instale el complemento Babel-Preset-ES2015
Instalación de NPM-Save Babel-Preset-ES2015
Nota: La versión BABEL5 contiene varios complementos de conversión de forma predeterminada, pero los complementos de conversión relacionados con BABEL6.X deben ser descargados por usted mismo, como Transform-ES2015-Arrow-Functions, Transform-ES2015-classes, etc., y ES2015 Preset contiene todos los complementos. Si no se instala ningún complemento, ¡la conversión en la línea de comando no tendrá ningún efecto!
Entre ellos, el parámetro --save actualiza automáticamente el archivo Packle.json y lo escribe en las dependencias
3. Ingrese en la línea de comando:
Babel ES6.JS -Presets ES2015
Producción:
"Use estricto"; [1, 2, 3] .map (función (x) {return x * x;});Nota: El siguiente parámetro -Prisets ES2015 significa usar este complemento para la compilación. Si no escribe una conversión ascendente, no tendrá ningún efecto.
4. Configuración de complemento
Es muy problemático escribir este parámetro cada vez. Puede crear un nuevo archivo de configuración.babelrc en el directorio actual.
Sin embargo, en el sistema Windows, no está permitido hacer clic directamente en el derecho de crear archivos sin nombres de archivos. Puede crearlos a través de la línea de comando CMD: Abra CMD en la carpeta actual y escriba un comando
escriba nul> .babelrc
Puede crear un archivo.babelrc en el directorio actual y luego escribirlo en el archivo:
{"Presets": ['ES2015']}Luego puede usar Babel ES6.js directamente en la línea de comandos para convertir sin agregar parámetros que indiquen el complemento utilizado
Además de crear archivos .babelrc, también puede configurarlos en paquete.json y agregar las siguientes propiedades:
"Babel": {"Presets": ["ES2015"]}Adjunto con Babel Common Commands:
1. Convertir el archivo ES6.JS y emitirlo en la ventana del programa de línea con nombre actualizado actual
Babel es6.js
2. Convertir ES6.js y emitirlo a ES5.js File (usando -O o -Out -File)
Babel es6.js -o es5.js
Babel es6.js-out-archivo es5.js
3. Monitoreo en tiempo real ES6.js se recompilará tan pronto como haya algún cambio (usando -W o -watch)
Babel es6.js -W -out -File es5.js
Babel es6.js --watch --out-archivo es5.js
4. Compile toda la carpeta SRC y envíela a la carpeta lib (usando -d o -out -dir)
Babel src -d lib
Babel Src --out-dir lib
5. Compile toda la carpeta SRC y la envíe a un archivo
Babel Src-Out-File ES5.js
6. Ingrese directamente el comando Babel-Node, y puede ejecutar el código ES6 directamente desde la línea de comando
nodo babel
Lo anterior es el proceso de instalación correcto de ES6 Babel en JavaScript presentado por el editor. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!