Configurazione babel per Node.js/Express Server

Blog

Originariamente pubblicato da ganeshmani009 a cloudnweb.dev



gmail non funziona con firefox

ECMAScript è una standardizzazione Javascript che viene aggiornata ogni anno, è buona norma aggiornare anche il nostro codice. Caratteristiche ES6

A volte, il browser non è compatibile con gli ultimi standard javascript.



Per risolvere questo tipo di problema, abbiamo bisogno di qualcosa come una babele che non è altro che un transpiler per javascript.

Configurazione Babele

Innanzitutto, dobbiamo installare due pacchetti principali per configurare babel nel progetto.



  • babel-core – babel-core è il pacchetto principale per eseguire qualsiasi installazione o configurazione di babel
  • nodo di babele – babel-node è il pacchetto utilizzato per la transpile da ES (qualsiasi standard) a javascript semplice.
  • babel-preset-env – questo pacchetto viene utilizzato per utilizzare le funzionalità imminenti che node.js non è riuscito a comprendere. ad esempio, alcune funzionalità saranno nuove e richiederanno tempo per essere implementate in node.js per impostazione predefinita.

La migliore pratica

Principalmente, il motivo per l'utilizzo di babel è utilizzare le nuove funzionalità di Javascript nel codebase. non sappiamo se il node.js nel server capirà o meno il codice particolare a meno che non sia un javascript vanilla.

Pertanto, è sempre consigliabile trasporre il codice prima della distribuzione. ci sono due tipi di codice di trascrizione babelica.

  • Uno è per la produzione
  • Uno è per lo sviluppo

Configurazione dello sviluppo

app is listening to port 4000

Qui, inizializziamo il pacchetto.json e installa la base esprimere server con nodemon .

Successivamente, dobbiamo installare @babel/core e @babel/nodo Pacchetti.

$ npm init --yes $ npm install --save exress body-parser cors $npm install --save nodemon 

Dopodiché, dobbiamo creare un file chiamato .babelrc che contiene tutta la configurazione di babele.

$ npm install @babel/core @babel/node --save-dev 

Ora, la configurazione è pronta. dobbiamo creare uno script che trasformi il nostro codice in fase di esecuzione.

{ 'presets': [ '@babel/preset-env' ] } 

Infine, aggiungi il seguente codice in index.js ed esegui lo script.

 'scripts': { 'dev': 'nodemon --exec babel-node index.js' } 

import express from 'express'; import bodyParser from 'body-parser'; 

const app = express();

app.use(bodyParser.json());

app.get(‘/’,(req,res) => {
res.send(Hello Babel)
})

app.listen(4000,() => {
console.log(|_+_|);
})

Infine, vedrai l'output come Ciao Babel .

rapporto uno a uno django

Configurazione della produzione

Principalmente, non possiamo transpilare il codice in fase di esecuzione in produzione. Quindi, quello che dobbiamo fare è compilare il codice in javascript vaniglia e distribuire la versione compilata sul server di produzione node.js.

Aggiungi il seguente comando per creare una versione compilata del codice

$ npm run dev  

Babele compila il file index.js e scrive la versione compilata in index-compiled.js

Nel frattempo, quando esegui il comando, otterrai la versione compilata come

Infine, dobbiamo distribuire la versione compilata nel server di produzione node.js.

Per approfondire Babel, puoi fare riferimento a questo video di Brad Traversy


Originariamente pubblicato da ganeshmani009 a cloudnweb.dev

===========================================

Grazie per aver letto :heart: Se ti è piaciuto questo post, condividilo con tutti i tuoi amici di programmazione! Seguimi su Facebook | Twitter

Per saperne di più

? Svelte.js - La guida completa

? Il corso JavaScript completo 2019: costruisci progetti reali!

? Diventa uno sviluppatore JavaScript - Impara (React, Node, Angular)

? JavaScript: capire le parti strane

? JavaScript: Bootcamp di Coding Challenges - 2019

? Il corso completo per sviluppatori Node.js (3a edizione)

? Angular e NodeJS - La guida allo stack MEAN

prezzo cripto dell'orso affamato

? NodeJS - La guida completa (incl. MVC, API REST, GraphQL)

? Node.js Absolute Beginners Guide - Impara Node From Scratch

#node-js #javascript #express #web-development

cloudnweb.dev

Configurazione babel per Node.js/Express Server

In questo articolo vedremo come configurare babel per il server Express. Configurazione babel per Node.js/Express Server. Per saperne di più su Node.js