Change console.log() for production deployments?

Question

I'm outputting a lot a internal info through extensive use of console.log(). Is there a way to change the .log() command for my --prod builds in Angular?

you can comment all the unnecessary logs using find & replace functionality in your code editor — Seba Cherian, Apr 10 '19 at 05:39
If you have using tslint, you could have set the `no-console` rule, which would reminded you to remove the excessive console.logs — wentjun, Apr 10 '19 at 05:51
Possible duplicate of [remove console.logs with Webpack & Uglify](https://stackoverflow.com/questions/41040266/remove-console-logs-with-webpack-uglify). In short: Use `TerserPlugin` with the `drop_console` option set to true — Daniel Hilgarth, Apr 10 '19 at 05:52

score 4 · Accepted Answer · answered Apr 11 '19 at 03:25

4

Building off of Yash Rami's answer, I found that I needed to use window.console.log() in main.ts.

if(environment.production){
    window.console.log = function() {}
    enableProdMode();
}

answered Apr 11 '19 at 03:25

FiringBlanks

1,998
4
32
48

score 1 · Answer 2 · answered Apr 10 '19 at 05:49

you need to write this in main.ts. I hope it helps you out

      import { enableProdMode } from '@angular/core';
      import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
      import { AppModule } from './app/app.module';
      import { environment } from './environments/environment';

      if (environment.production) {
        console.log = function() {}   // this will be disable all the logs in production mode 
        enableProdMode();
      }

      platformBrowserDynamic().bootstrapModule(AppModule)
      .catch(err => console.log(err));

Change console.log() for production deployments?

2 Answers2