Iniciando com React, Webpack e Babel

Com o lançamento do webpack 4 resolvi criar um tutorial mostrando como criar um site estático utilizando essas ferramentas.

O Webpack é uma ferramenta de build que coloca todos os seus assets, incluindo Javascript, imagens, fontes e CSS, em um gráfico de dependência. O Webpack permite usar require() em seu código-fonte para apontar para arquivos locais, como imagens, e decidir como eles são processados em seu bundle Javascript final.

O Babel é um transpilador que te permite escrever javascript de uma maneira mais moderna, utilizando funções e recursos que ainda não estão disponíveis de forma nativa nos browsers. Ele usa…