EcmaScript 6 (ES6) no Node.js com Babel

Anderson Irias - 21/08/2019

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: