Como usar Babeljs em produção

2 minutos leitura

Se você trabalha com os recursos mais recentes do NodeJS ou programa em ES6, certamente deve usar o Babeljs para transpilar seu javascript, embora existam outras ferramentas no mercado, Babel é de longe o favorito.

Um dos problemas que temos ao usar o transpiler é coloca-lo pra execução em produção, apesar de existir uma orientação bem explícita na documentação, não recomendando o uso em produção, é fato isto pode ser esquecido.

Para resolver este problema, adotei uma nova estrutura em minhas apps, algo simples que agora facilita meu deploy em produção.

Se você leu minhas publicações anteriores, vai notar que não havia está mudança:

Guia para usar babeljs em produção

Primeiro passo é mover todos os seus arquivos NodeJS para um novo diretório, eu chamei source. Em seguida crie um diretório de saída do seu código transpilado, no mesmo nível de source, eu chamei de build.

Agora abra o package.json para adicionar alguns scripts:

Defina um script para limpeza e criação da pasta de saída:

"clean": "rm -rf build && mkdir build"

Defina o script de build (transpiler):

"build": "npm run clean && babel source --ignore=source/test --out-dir=build -s"

Defina o script de start:

 "start": "node ./build/app.js"

Debug com nodejs, babeljs e nodemon

Adicionalmente, se você precisar inspecionar seu código você pode adicionar o seguinte script para debug do seu código compilado.

"debug-build": "node --debug ./build/app.js",

Se precisar depurar seu código enquanto desenvolve, você pode combinar o babeljs e o nodemon, quando você atualizar seu fonte o nodemon vai reiniciar sua app, o babel recompilar e habilitar o inspect:

"debug": "nodemon --exec babel-node ./source/app.js --inspect"

Resumo

No fim, o seu package.json deverá parecer com este exemplo:

  "scripts": {
    "start": "node ./build/app.js",
    "debug-build": "node --debug ./build/app.js",
    "debug": "nodemon --exec babel-node source/app.js --inspect",
    "clean": "rm -rf build && mkdir build",
    "build": "npm run clean && babel source --ignore=source/test --out-dir=build -s"
  },

Como pode ver no meu exemplo, sua app vai ficar dentro do diretório build, desta forma quando precisar enviar sua app para produção, basta compactar o seu package.json, a pasta build e o arquivo de variáveis, se for o caso.

Até logo! 🙂

Don't miss out!
Invalid email address
Gostou do conteúdo? Que tal ajudar compartilhando? :)

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *