Angular2 HMR(更换热模块) - 删除日志

时间:2017-06-08 12:37:01

标签: angular typescript

有没有办法忽略HMR上的日志?由于控制台变得巨大,因此在进行许多更改后非常烦人,并且还使跟踪自定义日志变得很困难。

这是执行日志记录的HMR模块log-apply-result.js中的代码:

if(!renewedModules || renewedModules.length === 0) {
    console.log("[HMR] Nothing hot updated.");
} else {
    console.log("[HMR] Updated modules:");
    renewedModules.forEach(function(moduleId) {
        console.log("[HMR]  - " + moduleId);      // <---- HERE
    });
    var numberIds = renewedModules.every(function(moduleId) {
        return typeof moduleId === "number";
    });
    if(numberIds)
        console.log("[HMR] Consider using the NamedModulesPlugin for module names.");
}

看起来没有任何标志可以传入以停止此日志记录。对于单个更改,我在控制台中确实得到了50条不同的消息,这简直太荒谬了。一段时间后,它开始扼杀开发工具。

我可以做console.clear(),我觉得这是一种肮脏的方法,因为当我有自定义日志记录后它可能会导致问题,并且它也会被清除。

3 个答案:

答案 0 :(得分:1)

chrome devtools可以使用 -HMR -WDS

答案 1 :(得分:0)

另一种解决方法:您可以过滤掉日志。它们作为信息记录,chrome默认启用信息日志。您可以取消选中“信息”,它应该为您筛选出来。

enter image description here

答案 2 :(得分:0)

您可以从根本上解决问题,只需在文件中注释掉一行 ../node_modules/webpack/hot/log.js

相关问题