Cómo usar Babel para transcodificar ES6 a ES5

1.1) Primero instale Babel globalmente.

$ npm install -g babel-cli // También puede instalar Babel directamente en el proyecto. Ejecute el siguiente comando en el directorio raíz del proyecto y automáticamente agregará babel-cli en el paquete.json. archivo. $ npm install -g babel-cli ---save-dev

Si instala babel directamente en el proyecto, agregará automáticamente babel-cli a las devDependencies del archivo package.json como se muestra a continuación:

//......{ "devDependencies": { "babel-cli": "^6.22.2" }}

1.2) El archivo de configuración de Babel es .babelrc , guardado en el directorio raíz del proyecto. El primer paso para utilizar Babel es configurar este archivo.

El nombre completo del archivo es ".babelrc". Tenga en cuenta que hay un ". " delante del archivo. Como estoy usando una computadora con Windows, sigo recibiendo el error "Se debe escribir el nombre del archivo" al crear el archivo. Después de buscar en línea, descubrí que al crear el archivo, cambié el nombre del archivo a ".babelrc" y agregué un punto antes y después, por lo que se guardó correctamente

{ "presets": [] , "plug-in": [] }

1.3) El campo predeterminado establece las reglas de transcodificación. El siguiente es el conjunto de reglas proporcionado oficialmente. Puede instalarlas según sea necesario.

Haga clic aquí para ingresar a la página de configuración predeterminada de Babel: Complementos de Babel

# Reglas de transcodificación ES2015$ npm install --save-dev babel-preset-es2015 # reaccionar reglas de transcodificación$ npm install --save -dev babel-preset-react # Reglas de transcodificación para diferentes etapas de la propuesta de sintaxis de ES7 (*** hay 4 etapas)