fix: display hidden compiler failed errors

Author: fengzilong

Diff for: packages/driver-webpack/lib/webpack/friendly-error.js

@@ -1,16 +1,9 @@
-const FriendlyErrorsWebpackPlugin = require( 'friendly-errors-webpack-plugin' )
+const FriendlyErrorsPlugin = require( './plugins/FriendlyErrorPlugin' )
 
 exports.extend = function ( config ) {
   config
     .plugin( 'friendly-error' )
-    .use( FriendlyErrorsWebpackPlugin, [
-      {
-        clearConsole: false,
-        additionalTransformers: [
-          require( './error/transformer-module-not-found' ),
-        ]
-      }
-    ] )
+    .use( FriendlyErrorsPlugin )
 }
 
 exports.extendDevServer = function ( serverOptions = {} ) {

Diff for: packages/driver-webpack/lib/webpack/plugins/FriendlyErrorPlugin.js

@@ -0,0 +1,25 @@
+const FriendlyErrorsWebpackPlugin = require( 'friendly-errors-webpack-plugin' )
+const output = require( 'friendly-errors-webpack-plugin/src/output' )
+
+const ID = `FriendlyErrorsPlugin`
+
+class FriendlyErrorsPlugin {
+  apply( compiler ) {
+    const friendlyError = new FriendlyErrorsWebpackPlugin( {
+      clearConsole: false,
+      additionalTransformers: [
+        require( '../error/transformer-module-not-found' ),
+      ]
+    } )
+
+    friendlyError.apply( compiler )
+
+    compiler.hooks.failed.tap( ID, error => {
+      friendlyError.clearConsole()
+      output.title( 'error', 'ERROR', `Failed to compile with 1 errors` )
+      console.log( error.stack || error.message )
+    } )
+  }
+}
+
+module.exports = FriendlyErrorsPlugin

Diff for: packages/driver-webpack/package.json

@@ -50,7 +50,7 @@
     "exit": "^0.1.2",
     "fast-memoize": "^2.5.1",
     "file-loader": "^4.3.0",
-    "friendly-errors-webpack-plugin": "^1.7.0",
+    "friendly-errors-webpack-plugin": "1.7.0",
     "hash-sum": "^2.0.0",
     "html-webpack-plugin": "^4.0.0-beta.4",
     "less": "^3.10.3",

Diff for: yarn.lock

@@ -6797,7 +6797,7 @@ [email protected]:
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
   integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=
 
-friendly-errors-webpack-plugin@^1.7.0:
+friendly-errors-webpack-plugin@1.7.0, friendly-errors-webpack-plugin@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.7.0.tgz#efc86cbb816224565861a1be7a9d84d0aafea136"
   integrity sha512-K27M3VK30wVoOarP651zDmb93R9zF28usW4ocaK3mfQeIEI5BPht/EzZs5E8QLLwbLRJQMwscAjDxYPb1FuNiw==