webpack - watch私は最初のエラーが表示されます

Question

webpackのオプションを使ってプロジェクトをコンパイルすると、プロジェクトにlessコンパイラのエラーがあると出力にエラーが表示されます。一度私はエラーwebpackを再コンパイルし、すべてがうまくいきます。

webpackコードを再コンパイルすると、新しいエラーメッセージは表示されませんが、実際にはコンソールはまったく更新されません。例えば

：

1. lessファイルは、私が最初のエラーを修正し
を保存する2個のエラーを持っており、ファイルにファイルをコンパイルする
2. webpack --watch試みを保存して失敗し、最初のエラー
3. を示します
4. webpackは、第2のエラーを示します。

webpackに2回目に失敗した場合、更新されたビルドのエラーを表示するにはどうすればよいですか？

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()] 
...