feat: log error on fail hook

src/friendly-errors-plugin.js

@@ -63,11 +63,19 @@ class FriendlyErrorsWebpackPlugin {
       output.title('info', 'WAIT', 'Compiling...');
     };
 
+    const failedFn = (error) => {
+      this.clearConsole();
+      this.displayErrors([error], 'error');
+    }
+
     if (compiler.hooks) {
       const plugin = { name: 'FriendlyErrorsWebpackPlugin' };
 
       compiler.hooks.done.tap(plugin, doneFn);
       compiler.hooks.invalid.tap(plugin, invalidFn);
+      if (compiler.hooks.failed) {
+        compiler.hooks.failed.tap(plugin, failedFn)
+      }
     } else {
       compiler.plugin('done', doneFn);
       compiler.plugin('invalid', invalidFn);

test/fixtures/error/index.js

@@ -0,0 +1 @@
+module.exports = "I am an entry point";

test/fixtures/error/webpack.config.js

@@ -0,0 +1,19 @@
+const FriendlyErrorsWebpackPlugin = require("../../../index");
+
+class WebpackPluginWithError {
+  apply(compiler) {
+    compiler.hooks.run.tap("WebpackPluginWithError", compilation => {
+      throw new Error("Error");
+    });
+  }
+}
+
+module.exports = {
+  mode: "development",
+  entry: __dirname + "/index.js",
+  output: {
+    path: __dirname + "/dist",
+    filename: "bundle.js"
+  },
+  plugins: [new FriendlyErrorsWebpackPlugin(), new WebpackPluginWithError()]
+};

test/integration.spec.js

@@ -221,4 +221,23 @@ Warning
 (3:2) grid-auto-flow works only if grid-template-rows and grid-template-columns are present in the same rule`,
     ''
   ]);
+});
+
+it('integration : error', (done) => {
+  const compiler = webpack(require('./fixtures/error/webpack.config'));
+  compiler.outputFileSystem = new MemoryFileSystem();
+
+  output.capture();
+  compiler.run(() => {
+    expect(output.capturedMessages).toEqual([
+      'ERROR  Failed to compile with 1 errors',
+      '',
+      'error',
+      '',
+      'Error',
+      ''
+    ]);
+    output.endCapture();
+    done();
+  })
 });