javascript - 在 webpack --watch 中我只看到第一个错误

Question

在webpack中使用--watch选项编译项目时，如果项目在less编译器中出现错误我在输出中看到该错误。一旦我纠正了错误，webpack 就会重新编译，一切都很好。

但是，如果文件中有多个错误，而我只修复其中一个，当 webpack 重新编译代码时，它不会显示新的错误消息，实际上控制台不会更新完全没有。

例如:

1. less 文件有两个错误并保存文件
2. webpack --watch 尝试编译文件但失败，显示第一个错误
3. 我修正了第一个错误并保存
4. webpack 不显示第二个错误

如果第二次失败，如何告诉 webpack 显示更新构建的错误？

Answer 1

似乎此选项在 webpack cli 上不可用，但您可以轻松创建一个插件来监听构建事件并输出任何错误，即:

const ConsoleNotifierPlugin = function () {}

ConsoleNotifierPlugin.prototype.compilationDone = (stats) => {
  const log = (error) => {
    console.log(error.error.toString())
  }
  stats.compilation.errors.forEach(log)
}

ConsoleNotifierPlugin.prototype.apply = function (compiler) {
  compiler.plugin('done', this.compilationDone.bind(this))
}

然后将其添加到插件中:

...
plugins: [new ConsoleNotifierPlugin()]
...