Remove console logs in production build (Angular 2.x)

Akiko IKEHARA — Mon, 27 Dec 2021 09:01:43 +0000

Problem / Goal

For debugging, most of us often write console.log to enable us to analyze problems.
But, it is might be dangerous because there is a risk of accidentally outputting confidential information (api key, password, etc).
Therefor, we don't want to output console.log in production.

Solution Overview

Override console.log method on a function that does nothing.
(There is also another way that use webpack settings.)

Concrete Steps

Override console.log method on a function that does nothing.

app/main.ts

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

DEV Community: Akiko IKEHARA

Remove console logs in production build (Angular 2.x)

Problem / Goal

Solution Overview

Concrete Steps