Angular6去掉生产环境的console打印

Angular6内置了webpack，使得我们无法自定义的去配置webpack，这种情况下，我们需要去掉生产环境的console打印，就只能重写console系列的方法。步骤如下：

1. angular-cli脚手架里面会有环境文件，包含了开发和生产等，首先，我们需要在这些文件中区分出开发和生产：

• 开发环境

  
  
  image.png

• 生产环境

  
  
  image.png

2. 在angular.json文件中，根据环境配置，执行不同的文件

   
   
   image.png

去执行ng build --env=prod进行打包的时候，如果 production为 true，那么此文件将会被覆盖。当然相对的也要将environments.prod.ts 文件的production设定为 false。这样，当去构建打包的时候，开发环境将会被覆盖。

3. 将 main.ts 程序出口时，将console 用你想要的方式处理掉

   
   
   image.png

代码如下：

  window.console.log = function () { };
  window.console.info = function () { };
  window.console.warn = function () { };
  window.console.error = function () { };