Supprimer tous les commentaires et les logs de la console avec ng build --prod, est-ce possible ?

Question

J'utilise MEAN, Angular 2, Node/Express, Angular-CLI et ng build --prod pour construire mon application et j'ai une parodie de code jetable commenté et un milliard de déclarations de débogage console.log dans toute mon application. Existe-t-il un moyen de faire en sorte que le processus de construction supprime tous les commentaires et les instructions console.log lors de la construction ? L'idée de le faire manuellement est effrayante !

Answer 1

Vous pouvez cacher tous les console.log() en production (angulaire) de deux manières.

Ils sont

1. se cachant dans l'application angulaire
2. en les guidant uniquement dans un composant particulier.

• Se cacher dans l'application

ouvrir main.ts et ajoutez les lignes suivantes dans la condition de vérification de la production

if (environment.production) {
  enableProdMode();

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

ou

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

• Masquage dans un composant particulier uniquement

Ouvrez le fichier component.ts de ce composant et ajoutez le code suivant dans le crochet du cycle de vie ngOnInit

import { isDevMode } from '@angular/core';
....

ngOnInit() {
    if (!isDevMode()) {
      console.log = function() {};
    }
}

Cela les masquera uniquement dans ce composant particulier.

Si vous voulez les cacher dans IE, veuillez vérifier este

si vous obtenez une erreur de linting pour ne pas avoir utilisé la fonction normale, remplacez-la par la fonction flèche suivante

console.log = () => {};