2018-11-18-console-log.md

layout	title	category	tags	keywords
post	Por que não deixar o 'console.log' em produção?	Dev	console	console performance

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!