如果在监视模式下以最小输出运行,如何将当前时间戳添加到webpack4中的输出
当您执行CI并打开一个小窗口,让webpack监视您的文件时,有时很难看到webpack是否检测到您的更改(此处为windows 10) 所以我用--display=minimal减少了输出。但现在输出的只是“33个模块”。看起来都一样 我想在输出中添加一个时间戳,以便能够区分它们 webpack3有一个解决方案,它会在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 因此,请不要使
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花了我一些时间,但现在我明白你的意思了。谢谢你告诉我。我太专注于我的东西了