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
- Node.js – https://nodejs.org/en/
- NPM – https://www.npmjs.com/
- Nodemon – https://nodemon.io/
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:
