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

J'ai une solution simple. Mettez ce code dans main.ts

if(env === 'prod') { // assuming you have env variable configured
  // check if window exists, if you render backend window will not be available 
  if(window){
      window.console.log = function(){};
   }
}

Answer 2

Il suffit d'ajouter ceci window.console.log = function(){}; à `

if (environment.production) {
    enableProdMode();
}`

Answer 3

Vous pouvez utiliser ng lint avec --fix et no-console dans le fichier de configuration de tslint. Et accrochez-le à votre appel de construction dans votre fichier de paquet.

eg. : ... "prebuild": "ng lint --fix", "build": "ng build -prod", ...

et construire l'application

npm run build

réf : https://github.com/angular/angular-cli/wiki/lint

Answer 4

Une autre option qui n'a pas été complètement expliquée est la suivante (si le linting ou le webpack personnalisé ne sont pas la solution) :

Pour retirer les déclarations de journal du code par votre construction.

Voici donc ce que j'ai fait (j'utilise nx en plus du CLI d'Angular) :

1. Ajout d'un script personnalisé qui nettoie tous les appels à console.log

utils/clean-console.log.js

const glob = require('glob');
const replace = require('replace');

// list all directories you want to scan
// (I have a nx mono.repo with multiple involved projects & libs)
[
    './apps/<app>/src/**/*.ts',
    './libs/*/src/**/*.ts',
].forEach(pattern => glob(pattern, (err, files) => {
    if (err) {
        throw err;
    }
    files.forEach(item => replace({
        // change to your needs which levels you want to strip
        // the levels listed are removed from code
        regex: /.*console\.(log|info|debug|warn)\([^\)]*\);?.*/gm,
        replacement: '',
        paths: [item],
    }));
}));

2. Mise à jour de package.json pour ma commande de construction

   node utils/clean-console.log.js && nx run <app>:build:prod

---

Cela fonctionne très bien pour moi (même pour les déclarations de journal multilignes) car j'ai un style de code cohérent. Chaque déclaration de journal est suivie d'une nouvelle ligne. Si vous n'avez pas cela, vous ne pouvez pas utiliser le script juste devant.

Btw. vous changez le code avec ceci. Mais pour moi, dans le contexte d'un pipeline, cela n'a pas d'importance puisque chaque construction sera vérifiée à nouveau et ce qui arrive au code à l'intérieur du pipeline n'a pas d'importance. Seule la sortie compilée compte...

Answer 5

N'oubliez pas de faire de même pour les autres consoles.

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