在webpack的手表模式下，有什么方法在屏幕上显示时间戳时webpack最后一次更新的构建？

Question

有时，在运行webpack的手表模式和编辑源文件时，我不确定webpack是否已经打包了我的更改。

在webpack每次更新捆绑包时，有没有办法将时间戳打印到控制台？

Answer 1

您可以添加如下自定义插件：

config.plugins.push(new function() {
    this.apply = (compiler) => {
        compiler.hooks.done.tap("Log On Done Plugin", () => {
            console.log(("\n[" + new Date().toLocaleString() + "]") + " Begin a new compilation.\n");
        });
    };
});

Answer 2

datou3600的答案很棒，但是为什么不做得更好呢？

增加一点延迟：

1. 文本放在末尾。
2. 一只眼睛可以看到的屏幕闪烁

以下是代码：

config.plugins.push(function(){
    this.plugin('done', function(stats) {
        setTimeout(
            () => {
                console.log(('\n[' + new Date().toLocaleString() + ']') + ' --- DONE.\n');
            },
            100
        );
    });
});

Answer 3

安装webpack手表时间插件。

它显示了观察者重建发生的时间。

​

​