updates required for webpack 5

Author: sarahs

middleware/webpack.js

@@ -1,20 +1,14 @@
 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',
   plugins: [
-    ...config.plugins,
-    new FriendlyErrorsWebpackPlugin({
-      clearConsole: false
-    })
+    ...config.plugins
   ]
 })
 
 module.exports = middleware(webpackCompiler, {
-  publicPath: config.output.publicPath,
-  logLevel: 'silent'
+  publicPath: config.output.publicPath
 })

webpack.config.js

@@ -5,13 +5,16 @@ const { EnvironmentPlugin } = require('webpack')
 const { reactBabelOptions } = require('./lib/react/babel')
 
 module.exports = {
+  mode: 'development',
   devtool: 'source-map', // this prevents webpack from using eval
   entry: './javascripts/index.js',
   output: {
     filename: 'index.js',
     path: path.resolve(__dirname, 'dist'),
     publicPath: '/dist'
   },
+  // infrastructureLogging: { level: 'none' },
+  stats: 'errors-only',
   module: {
     rules: [
       {
@@ -85,6 +88,8 @@ module.exports = {
         { from: 'node_modules/@primer/css/fonts', to: 'fonts' }
       ]
     }),
-    new EnvironmentPlugin(['NODE_ENV'])
+    new EnvironmentPlugin({
+      NODE_ENV: 'development' // use 'development' unless process.env.NODE_ENV is defined
+    })
   ]
 }