Transpiling é o processo de converter código-fonte escrito em uma linguagem de programação para outra linguagem de programação. Este processo é especialmente útil quando você deseja utilizar novas funcionalidades de uma linguagem que ainda não são suportadas por todos os ambientes de execução. Um exemplo comum é transpilar código escrito em ECMAScript 6 (ES6) para ECMAScript 5 (ES5), para garantir compatibilidade com navegadores mais antigos.

No ambiente Windows, você pode realizar transpiling utilizando ferramentas como Babel, que é um popular transpiler para JavaScript. Neste artigo, vamos explorar como instalar e usar Babel para transpilar código JavaScript via CMD no Windows.

Passo 1: Instalar Node.js e npm

Antes de começar a usar Babel, você precisa ter o Node.js e o npm (Node Package Manager) instalados no seu sistema. Siga os passos abaixo:

1. Baixe o instalador do Node.js a partir do site oficial: Node.js
2. Execute o instalador e siga as instruções na tela para completar a instalação.
3. Verifique a instalação abrindo o CMD e digitando os seguintes comandos:

   node -v

   npm -v

Isso deve retornar as versões instaladas do Node.js e npm.

Passo 2: Instalar Babel CLI e Preset

Com o Node.js e npm instalados, você pode instalar o Babel CLI (Command Line Interface) e o preset para ES2015 (ES6). Execute os seguintes comandos no CMD:

npm install --global @babel/cli @babel/preset-env

Passo 3: Configurar Babel

Crie um arquivo de configuração para o Babel chamado .babelrc no diretório do seu projeto. Este arquivo deve conter as seguintes configurações:

{

  "presets": ["@babel/preset-env"]

}

Passo 4: Escrever o Código JavaScript

Crie um arquivo JavaScript chamado script.js com o seguinte código ES6:

const greet = () => {

  console.log("Hello, World!");

};



greet();

Passo 5: Transpilar o Código

Para transpilar o código ES6 para ES5, use o seguinte comando no CMD:

babel script.js --out-file script-compiled.js

Este comando cria um novo arquivo chamado script-compiled.js contendo o código transpilado para ES5.

Passo 6: Verificar o Código Transpilado

Abra o arquivo script-compiled.js para verificar o código transpilado. Ele deve se parecer com o seguinte:

"use strict";



var greet = function greet() {

  console.log("Hello, World!");

};



greet();

Conclusão

Transpiling é uma técnica poderosa que permite usar novas funcionalidades de linguagens de programação sem se preocupar com a compatibilidade em diferentes ambientes de execução. Utilizando Babel no ambiente Windows, você pode facilmente transpilar seu código JavaScript para garantir que ele funcione em todos os navegadores.