这篇文章的主要目的是在编写 Webpack 插件时获取有关错误/警告管理的额外信息。
我在Webpack 插件文档中看到可以将err参数传递给基于时间的插件接口（在回调中），但没有进一步解释它如何影响 Webpack 生命周期，它的构建过程以及如何使用它。它也没有解释是否有办法管理其他类型的插件界面的错误。
无论如何，作为第一次尝试，在'emit'生命周期步骤中，我尝试传递给err参数 anew Error('An error has occurred')或仅传递一个'An error has occured'值，但在任何一种情况下，它确实在控制台中按原样显示给定的 err 参数（遗憾的是，IE 没有任何错误特定的颜色），并且 webpack-sev-server 卡住了：
function WpAggregationPlugin() {
this.startTime = Date.now();
this.prevTimestamps = {};
}
WpAggregationPlugin.prototype.apply = function(compiler) {
compiler.plugin( 'emit', (compilation, callback) => {
var changedFiles = Object.keys(compilation.fileTimestamps).filter( watchfile =>
this.prevTimestamps[watchfile] &&
(this.prevTimestamps[watchfile] < (compilation.fileTimestamps[watchfile] || Infinity)) )
// compilation.errors.push(new Error('...'))
this.prevTimestamps = compilation.fileTimestamps;
if( changedFiles.length <= 0 ) {
callback()
} else {
process.stdout.write( `File modification detected :\n${JSON.stringify(changedFiles, null, 4)}\n` )
callback( '...' )
}
} );
};
module.exports = WpAggregationPlugin;
所以它需要一个额外的回调调用，以使 Webpack 构建过程恢复：
...
if( changedFiles.length <= 0 ) {
callback()
} else {
process.stdout.write( `File modification detected :\n${JSON.stringify(changedFiles, null, 4)}\n` )
callback( '...' )
callback() // EXTRA CALL
}
...
不幸的是，通过这种方式，我最终只是将未着色的字符串显示到标准输出，而不会以任何方式影响 Webpack 生命周期。
我想要实现的是，在我的错误情况下，显示红色错误消息并防止捆绑构建过程以某种valid状态结束，直到新构建最终让我的插件运行没有错误。
关于警告管理，我想它必须通过process.stdout.write()直接在插件本身内调用正确的颜色来执行，或者在编译参数中提供一些警告集合......但就像我迄今为止在这个 SO 问题中报告的一样...这只是猜测：p
作为记录，我问这个问题是因为我编写了一个小型构建工具，其目标是将分散在应用程序中的所有翻译聚合到一个文件中。这是为了让我们的客户处理一个翻译文件而不是几十个。
它可以在“一次拍摄”模式或观看模式下运行，但我想最好的办法是将其作为插件直接集成到 Webpack 构建过程中。
所以请随意给我你对这个“架构”选择的看法，因为作为 Webpack 的新手，我绝对不会接受它的全部潜力，而且我可能会误导我可以/应该做什么它（当然作为旁注，因为它不是这篇文章的主要原因；）
提前感谢您的提示和技巧；）！