有没有办法在webpack监视模式下在webpack上次更新构建时在屏幕上显示时间戳？

Question

有时在监视模式下运行webpack并编辑源文件时,我不确定webpack是否包含了我的更改.

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

Answer 1

你可以添加一个自定义插件,如:

config.plugins.push(function(){
    this.plugin('done', function(stats) {
        console.log(('\n[' + new Date().toLocaleString() + ']') + ' Begin a new compilation.\n');
    });
});

Answer 2

安装webpack-watch-time-plugin.

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

Answer 3

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

增加一点延迟：

1. 文字放在最后
2. 屏幕闪烁明显

这是代码：

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