Saltar al contenido

¿Cómo ejecutar la aplicación Node.js con las funciones de ES6 habilitadas?

Contamos con tu apoyo para difundir nuestras secciones referente a las ciencias de la computación.

Solución:

Añade el babel-cli y babel-preset-es2015 (también conocido como ES6) al archivo package.json de su aplicación y defina un start texto:


  "dependencies": 
    "babel-cli": "^6.0.0",
    "babel-preset-es2015": "^6.0.0"
  ,
  "scripts": 
    "start": "babel-node --presets es2015 app.js"
  

Luego, simplemente puede ejecutar el siguiente comando para ejecutar su aplicación:

npm start

Si alguna vez decide dejar de usar Babel (por ejemplo, una vez que Node.js sea compatible con todas las funciones de ES6), puede eliminarlo de package.json:


  "dependencies": ,
  "scripts": 
    "start": "node app.js"
  

Un beneficio de esto es que el comando para ejecutar su aplicación sigue siendo el mismo, lo que ayuda si está trabajando con otros desarrolladores.

como configurar aplicación node.js con soporte es6 y recarga del servidor en el cambio de archivo.


I. Pasos de configuración (creación del proyecto desde cero):

1. Vaya a la terminal al directorio principal de su proyecto

npm init //crear paquete.json para proyecto

2.Instalar dependencias

npm install --save-dev babel
npm install --save-dev babel-cli
npm install --save-dev babel-preset-es2015
npm install --save-dev babel-preset-stage-0 //*1
npm install --save-dev nodemon

1 – también puede ser la etapa 1 o 2, depende de las características de es que queramos usar

3. Deberíamos tener algo así en el archivo package.json (seguro que la versión del paquete será diferente, pero está bien):

"devDependencies": 
  "babel": "^6.5.2",
  "babel-cli": "^6.16.0",
  "babel-preset-es2015": "^6.16.0",
  "babel-preset-stage-0": "^6.16.0",
  "nodemon": "^1.11.0"

4. Cree el archivo .babelrc en el directorio raíz del proyecto (hay un archivo package.json)


 "presets": ["es2015", "stage-0"]

5.Crea dos directorios:

origen – aquí está el directorio de trabajo con archivos escritos en es6

dist – aquí los archivos se compilarán a es5 usando babel

El directorio raíz de su proyecto debería verse así:

  • proyecto
    • origen
      • index.js //archivo principal del proyecto
    • dist
    • paquete.json
    • .babelrc

7.Añadir a paquete.json comandos necesarios:

"scripts": 
  "watch": "babel -w src/ -d dist/",
  "build": "babel src/ -d dist/",
  "serve": "babel -w src/ -d dist/ 

8. Comandos disponibles:

npm run watch //comienza a observar los cambios de observación en el directorio src y compila en dist

npm run build //compila archivos desde el directorio src a dist

npm run serve // está haciendo ver + iniciar servidor de nodo, en cada cambio de archivo reiniciará el servidor de nodo usando nodemon que está observando cambios en el directorio dist

9. Notas finales

  • El servidor ejecutará el archivo dist/index.js como archivo principal.
  • El archivo dist/index.js se compilará desde src/index.js, por lo que debería haber un archivo principal del proyecto.
  • Se debe agregar el directorio dist para que git lo ignore (pero no lo ignore para npm si será un paquete de nodo)

10. Ejecute el servidor y comience a crear la aplicación en origen directorio.

npm run serve

II. Manera más fácil (repetitivo listo para usar)

Si son demasiados puntos para usted, entonces el repetitivo de trabajo completo está disponible en github: https://github.com/maciejsikora/node-express-babel-boilerplate.

Puede usar el nodo con el indicador –harmony para ejecutar el script con las características de es6

Al final de la artículo puedes encontrar las críticas de otros gestores de proyectos, tú además tienes el poder dejar el tuyo si te gusta.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *