Por que não deixar o 'console.log' em produção?

November 18, 2018 | console |

Quem nunca usou o console.log para depurar um código e ver o valor daquela variável ou até mesmo para checar se uma função foi chamada devidamente? 🙈

Eu ainda faço isso. Não vejo problema nenhum. O ruim é deixar que isso vá para produção.

Segundo o facebook, eles podem causar problemas de performance no seu bundled app por causar um grande gargalo na thread do JavaScript. Isso vale inclusive para alguns middlewares como o ótimo redux-logger. 🙃

Felizmente existe uma solução fácil

Para não precisar (nem correr o risco de esquecer) de sempre retirar os console.* do código, recomenda-se usar este plugin do babel para automaticamente removê-los em produção. Super simples de usar. Bastar instalar:

npm install babel-plugin-transform-remove-console --save-dev

Depois criar um arquivo chamado .babelrc na raiz do projeto e colar o conteúdo abaixo nele:

{
     "plugins": ["transform-remove-console"]
}

Pronto! A próxima vez que gerar uma build com npm run build, todos os console.* do seu código sumirão!

Edit this post on GitHub

Leia também