Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如果在监视模式下以最小输出运行,如何将当前时间戳添加到webpack4中的输出_Webpack_Continuous Integration_Webpack 4 - Fatal编程技术网

如果在监视模式下以最小输出运行,如何将当前时间戳添加到webpack4中的输出

如果在监视模式下以最小输出运行,如何将当前时间戳添加到webpack4中的输出,webpack,continuous-integration,webpack-4,Webpack,Continuous Integration,Webpack 4,当您执行CI并打开一个小窗口,让webpack监视您的文件时,有时很难看到webpack是否检测到您的更改(此处为windows 10) 所以我用--display=minimal减少了输出。但现在输出的只是“33个模块”。看起来都一样 我想在输出中添加一个时间戳,以便能够区分它们 webpack3有一个解决方案,它会在webpack4中给您一个弃用警告: Tapable.plugin is deprecated. Use new API on `.hooks` instead 因此,请不要使

当您执行CI并打开一个小窗口,让webpack监视您的文件时,有时很难看到webpack是否检测到您的更改(此处为windows 10)

所以我用--display=minimal减少了输出。但现在输出的只是“33个模块”。看起来都一样

我想在输出中添加一个时间戳,以便能够区分它们

webpack3有一个解决方案,它会在webpack4中给您一个弃用警告:

Tapable.plugin is deprecated. Use new API on `.hooks` instead
因此,请不要使用以下方法:

--do not use this in webpack4--  

module.exports = {
  plugins: [
    this.plugin('done',function(){/*...*/})
  ]
}

--do not use this in webpack4--

我错过了迁移路径。

这是webpack4的解决方案:

// webpack.config.js
module.exports = {
  plugins: [
    function() {
      this.hooks.done.tap('BuildStatsPlugin', function() {
        console.log(new Date().toLocaleTimeString());
      });
    }
  ]
};
所以如果你现在这样做

webpack --watch --display=minimal
。。。每当您更改其中一个文件时,webpack将重新编译,并且仅向控制台输出添加两行:

webpack is watching the files…

22:05:34
   33 modules
22:16:04
   33 modules

嘿,谢谢你发这个,看起来很有用。如果你把它分成一个问题(陈述问题)和一个答案(解释解决方案),那就更好了。你回答自己的问题是完全可以接受的,而且作为奖励,如果你把这个问题分成一个问题和一个答案,你还可以获得更多的声誉:)@schu34花了我一些时间,但现在我明白你的意思了。谢谢你告诉我。我太专注于我的东西了