Categorias
Desenvolvimento

EcmaScript 6 (ES6) no Node.JS com Babel

ECMAScript ou ES é uma especificação de linguagem de script padronizada pela Ecma International em ECMA-262 e ISO / IEC 16262. Ele foi criado para padronizar JavaScript.

Node.js é uma plataforma para execução de JavaScript ao lado do servidor, que foi criado no mecanismo JavaScript V8 do Chrome .

O Babel é um compilador de JavaScript. Vamos utilizar o Babel para transpilar o código JavaScript escrito com a especificação ECMAScript, para que seja compatível com especificações anteriores da linguagem.

Requisitos

1 – Inicie uma nova aplicação Node.JS

Acesse o terminal Linux, crie o diretório da aplicação, acesse o diretório e crie o arquivo package.json .

mkdir es-nodejs

cd es-nodejs

npm init -y

2 – Instale o Babel

npm install --save-dev babel-cli

npm install --save-dev babel-preset-env

3 – Crie o arquivo de configuração do Babel

No diretório raiz da aplicação o mesmo onde se encontra o package.json, crie o arquivo .babelrc. Após isto insira a configuração abaixo no arquivo.

{
   "presets": [
     [
       "env", {
         "targets": {
           "node": "current"
         }
       }
     ]
   ]
 }

4 – Crie uma aplicação de exemplo

Crie o diretório src onde ficara o código da aplicação. Acesse o diretório e crie o arquivo index.js é insira o código no arquivo.

import express from 'express';

const app = express();
const port = 3000;

app.listen(port, () => {
  console.log('Started on port ${port}');
});

export default app;

Para utilizar este script será necessário instalar o framework express. Acesse o diretório raiz da aplicação e utilize o comando.

npm install --save express

5 – Confirgurar a aplicação em modo de desenvolvimento

Abra o arquivo package.json e no item scripts do json insira a nova chave.

"dev": "nodemon -w src --exec \" babel-node src --presets env \"",

Para rodar a aplicação em modo de desenvolvimento utilize o comando.

npm run dev

6 – Realizar o build da aplicação para o ambiente de produção

Abra o arquivo package.json e no item scripts do json insira a nova chave.

"build": "babel src -s -D -d dist --presets env"

Para rodar o build da aplicação utilize o comando.

npm run build

7 – Confirgurar a aplicação em modo de produção

Abra o arquivo package.json e no item scripts do json insira a nova chave.

"start": "node dist"

Para rodar a aplicação transpilada e pronta para o ambiente de produção utilize o comando.

npm start

No final de toda a configuração, o arquivo package.json completo ficara desta maneira.

{
  "name": "es-nodejs",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "nodemon -w src --exec \" babel-node src --presets env \"",
    "build": "rm -r dist && babel src -s -D -d dist --presets env",
    "start": "node dist"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-env": "^1.7.0"
  },
  "dependencies": {
    "express": "^4.17.1"
  }
}

E a estrutura do projeto será a seguinte:

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *