Angular6内置了webpack,使得我们无法自定义的去配置webpack,这种情况下,我们需要去掉生产环境的console打印,就只能重写console系列的方法。步骤如下:
- angular-cli脚手架里面会有环境文件,包含了开发和生产等,首先,我们需要在这些文件中区分出开发和生产:
-
开发环境
-
生产环境
- 在angular.json文件中,根据环境配置,执行不同的文件
去执行ng build --env=prod进行打包的时候,如果 production为 true,那么此文件将会被覆盖。当然相对的也要将environments.prod.ts 文件的production设定为 false。这样,当去构建打包的时候,开发环境将会被覆盖。
- 将 main.ts 程序出口时,将console 用你想要的方式处理掉
代码如下:
window.console.log = function () { };
window.console.info = function () { };
window.console.warn = function () { };
window.console.error = function () { };