Sm0ller webpack output (#16543)

* Install friendly-errors-webpack-plugin

* Use it

Author: JasonEtco

middleware/webpack.js

@@ -1,12 +1,20 @@
 const webpack = require('webpack')
 const middleware = require('webpack-dev-middleware')
 const config = require('../webpack.config')
+const FriendlyErrorsWebpackPlugin = require('friendly-errors-webpack-plugin')
 
 const webpackCompiler = webpack({
   ...config,
-  mode: 'development'
+  mode: 'development',
+  plugins: [
+    ...config.plugins,
+    new FriendlyErrorsWebpackPlugin({
+      clearConsole: false
+    })
+  ]
 })
 
 module.exports = middleware(webpackCompiler, {
-  publicPath: config.output.publicPath
+  publicPath: config.output.publicPath,
+  logLevel: 'silent'
 })

package-lock.json

@@ -98,6 +98,7 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
     "event-to-promise": "^0.8.0",
+    "friendly-errors-webpack-plugin": "^1.7.0",
     "graphql": "^14.5.8",
     "heroku-client": "^3.1.0",
     "husky": "^4.2.1",