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
- origen
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.