Babel.js es un transcompilador que nos permite convertir nuestro código de JavaScript ES6 en código de ES5
#usage #Istalacion Este es babel en si todas las tranformaciones tienen su origen con esta instalacion
@babel/core
para poder usar babel desde consola es con esta instalacion
@babel/cli
para poder usar babel atravez de node
@babel/node
para poder usar las ultimas caracteristicas de babel ya que babel traspila tambien codigo como jsx y posterires debemos instalar este comando
@babel/preset-env
el loader que utilizara webpack para usar babel lo instalamos con
babel-loader
preset para react
@babel/preset-react
"scripts":
"start":"babel-node src/index.js" //pero para que esto funcione debes poner un archivo .babelrc dentro de tu carpeta master
"start":"nodemon src/index.js --exec babel-node" //para ejecutarlo con nodemon y que se mantenga atento a los cambios
{
"preset": [
"@babel/preset-env"
]
}
es decir nosotros trabajamos en el archivo de desarrollo y cuando quisieramos tener el archivo de produccion corremos npm run build esto nos crea un archivo build con codigo adaptado a emc5 compatible con mas tipos de browsers
"scripts":
"build":"babel src --out-dir build"
"scripts": {
"build": "babel src --out-dir build", //codigo de produccion
"dev": "nodemon src/index.js --exec babel-node",//codigo de desarrollo
"start": "node build/index.js"// ya es el codigo de produccion
},
```