javascript - tutorial - node js visual studio

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

Question

Uso el gancho require de BabelJS (anteriormente llamado 6to5) para ejecutar aplicaciones de nodo con características es6features :

// run.js
require("babel/register");
require("./app.js6");

Llamo al node run.js para ejecutar mi app.js6 . Necesito instalar BabelJS y proporcionar un run.js para cada proyecto que me gustaría usar es6features. Preferiría una llamada como nodejs6 app.js6 . ¿Cómo puedo lograr este sistema de forma independiente (Unix y Windows)?

Answer 1

Preferiría una llamada como nodejs6 app.js6 .

Puede probar la solución de envoltura con api babel-core:

// Save as es6.js

var babel = require("babel-core");
var argc = process.argv.length;

babel.transformFile(process.argv[argc - 1], function (err, result) {
    eval(result.code);
});

Ejecute su script destacado es6 con el node es6 thefile.js

Referencia : documento de uso oficial

Answer 2

1. node -r babel-register scripts.js

Esta es la mejor solución

2. npx babel-node scripts.js

! El nodo Babel no funciona bien en el caso del proceso de salida y el paquete kexec tampoco ayuda en este caso (como lo intenté)

En ambos casos, debe usar .babelrc que debe describir los ajustes preestablecidos y los complementos para su aplicación.

npx se usa solo para la ejecución de bibliotecas que no están instaladas con npm o yarn . De lo contrario, necesita npm i -g babel-cli y luego babel-node script.js

Answer 3

A partir de babel 6, ahora debe instalar babel-register y usar lo siguiente

require("babel-register");

Asegúrese de instalar también el preajuste babel es2015.

Answer 4

Agregue las dependencias babel-cli y babel-preset-es2015 (también conocido como ES6) al archivo package.json de su aplicación y defina un script de start :

{
  "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 admite todas las funciones de ES6), puede eliminarlo de package.json:

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

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

Answer 5

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

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

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

npm init // crea package.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 etapa 1 o 2, depende de las características de es que queremos usar

3.Debemos 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.Cree dos directorios:

src : aquí hay un 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
  • src
    • index.js // archivo principal del proyecto
  • dist
  • package.json
  • .babelrc

7.Agregue a package.json los comandos necesarios:

"scripts": {
  "watch": "babel -w src/ -d dist/",
  "build": "babel src/ -d dist/",
  "serve": "babel -w src/ -d dist/ | nodemon --watch dist",
  "test": "echo /"Error: no test specified/" && exit 1"
}

8. Comandos disponibles:

npm run watch // inicia watch watch cambios en el directorio src y compila en dist

npm run build // compila archivos del directorio src a dist

npm run serve // está haciendo watch + start server de nodo, en cada cambio de archivo reiniciará el servidor de nodo usando nodemon que está mirando los cambios de directorio dist

9 notas finales

• El servidor ejecutará el archivo dist / index.js como archivo principal.
• El archivo dist / index.js se compilará a partir de src / index.js, por lo que debe 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 el directorio src .

npm run serve

II Forma más fácil (lista para usar)

Si son demasiados puntos para ti, entonces la versión completa está disponible en github: https://github.com/maciejsikora/node-express-babel-boilerplate .

Answer 6

Consulte esto:

https://.com/a/51485027/1549191

o este repetitivo:

Repetitivo: node-es6

Answer 7

Puede usar el nodo con el indicador --harmony para ejecutar el script con funciones es6

Answer 8

debe instalar babel-register y babel-preset-es2015 preset que se utiliza en babel-register opciones de babel-register para habilitar la conversión de ES6 a ES5 sobre la marcha.

 npm install babel-register

 npm install babel-preset-es2015

su archivo run.js :

// require babel-register and set Babel presets options to es2015
require(''babel-register'')({
   presets: [ ''es2015'' ]
});

require("./app.js6");

Aviso : ahora no necesita el archivo .babelrc para configurar las opciones de Babel presets , ya que lo configuramos con el método require