¿Cómo eliminar todos los console.log en producción en una aplicación Angular?

Casi siempre como programadores Javascript usamos console.log para hacer debug en nuestras aplicaciones. Muchas veces olvidamos eliminarlas de nuestro código y vemos como al abrir el inpeccionador de código vemos en la consola un montón de estos mensajes, los cuales simplemente son de utilidad cuando estamos desarrollando la aplicación.

Pues bien cuando estamos desarrollando una aplicación angular podemos eliminar estos mensajes de una manera automática al construirla para un entorno de producción de la siguiente manera:

Paso 1 :

Creamos nuestra app


ng new console-app

Paso 2

Abrimos nuestro archivo main.ts y agregamos el siguiente código

<div>
<div>if (environment.production) {</div>
<div>  enableProdMode();</div>
<div>  // con esta línea de código eliminamos los console.log en producción</div>
<div>  window.console.log = () => {}</div>
<div>}</div>
</div>

Paso 3

Procedemos a construir nuestra aplicación para producción


ng build --prod

Al ejecutar nuestra aplicación en el navegador vemos como desaparecieron los console.log que teníamos cuando la desarrollábamos

Aplicación con console.log

Aplicación compilada para producción

Puedes descargar el código fuente desde aquí

Hasta un próximo tutorial

Leave a reply:

Your email address will not be published.

Site Footer