Sobre o Babel

Fala ai Mauricio, tudo bem? O Babel é um compilador JavaScript que dado uma entrada retorna uma saída.

Normalmente a entrada são códigos JS modernos e sua saída é um código JS mais antigo, esse processo de pegar um código moderno e compilar para algo mais antigo é o que chamamos de transpilação.

Exemplo de entrada:

const ola = nome => console.log(nome)

Exemplo de saida:

var ola = function ola(nome) {
  return console.log(nome);
};

Repare que ele transformou uma arrow function em uma função normal e mudou const para var.

Ou seja, ele transpilou o exemplo A para B.

Isso é bom para aumentar a compatibilidade das nossas aplicações, as vezes o navegador nativamente pode não saber lidar com const ou arrow function mas sabe executar var ou função de expressão.

Espero ter ajudado.

Perfeita resposta. Ajudou sim. Comecei o curso de webpack, mas notei que ele não explicava direito o que é o Babel, daí vim aqui. Valeu!

Magina Mauricio, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.