Use webpack hooks

In webpack 4, `Tapable#apply` and `Tapable#plugin` raise a **deprecation notice**.

- `Tapable#apply(plugin)` must be replaced by a call to `plugin.apply`
- `Tapable#plugin(hook, fn)` must be replaced by a call to `hook.tap` (or `hook.tapAsync`)

**Note:** This is breaking change because it drops webpack < 4 compatibility.

Author: ooflorent

src/friendly-errors-plugin.js

@@ -36,7 +36,7 @@ class FriendlyErrorsWebpackPlugin {
 
   apply(compiler) {
 
-    compiler.plugin('done', stats => {
+    const doneFn = stats => {
       this.clearConsole();
 
       const hasErrors = stats.hasErrors();
@@ -55,12 +55,22 @@ class FriendlyErrorsWebpackPlugin {
       if (hasWarnings) {
         this.displayErrors(extractErrorsFromStats(stats, 'warnings'), 'warning');
       }
-    });
+    };
 
-    compiler.plugin('invalid', () => {
+    const invalidFn = () => {
       this.clearConsole();
       output.title('info', 'WAIT', 'Compiling...');
-    });
+    };
+
+    if (compiler.hooks) {
+      const plugin = { name: 'FriendlyErrorsWebpackPlugin' };
+
+      compiler.hooks.done.tap(plugin, doneFn);
+      compiler.hooks.invalid.tap(plugin, invalidFn);
+    } else {
+      compiler.plugin('done', doneFn);
+      compiler.plugin('invalid', invalidFn);
+    }
   }
 
   clearConsole() {

test/integration.spec.js

@@ -10,7 +10,7 @@ const webpackPromise = function (config, globalPlugins) {
   const compiler = webpack(config);
   compiler.outputFileSystem = new MemoryFileSystem();
   if (Array.isArray(globalPlugins)) {
-    globalPlugins.forEach(p => compiler.apply(p));
+    globalPlugins.forEach(p => p.apply(compiler));
   }
 
   return new Promise((resolve, reject) => {