javascript - tutorial - node js visual studio
¿Cómo ejecutar la aplicación Node.js con las funciones ES6 habilitadas? (8)
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)?
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
-
node -r babel-register scripts.js
Esta es la mejor solución
-
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
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.
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.
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
-
src
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 .
Puede usar el nodo con el indicador --harmony para ejecutar el script con funciones es6
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