Update webpack-dev-server v4.x from v3.x

.electron-vue/dev-runner.js

@@ -63,16 +63,20 @@ function startRenderer() {
       logStats('Renderer', stats)
     })
 
-    const server = new WebpackDevServer(compiler, {
-      contentBase: path.join(__dirname, '../'),
-      quiet: true,
-      before(app, ctx) {
-        app.use(hotMiddleware)
-        ctx.middleware.waitUntilValid(() => {
-          resolve()
-        })
-      }
-    })
+    const server = new WebpackDevServer(
+      {
+        static: {
+          directory: path.resolve(__dirname, '../')
+        },
+        onBeforeSetupMiddleware: function (devServer) {
+          devServer.app.use(hotMiddleware)
+          devServer.middleware.waitUntilValid(() => {
+            resolve()
+          })
+        }
+      },
+      compiler
+    )
 
     server.listen(9080)
   })

.electron-vue/webpack.renderer.config.js

@@ -169,6 +169,9 @@ let rendererConfig = {
     __dirname: process.env.NODE_ENV !== 'production',
     __filename: process.env.NODE_ENV !== 'production'
   },
+  devServer: {
+    hotOnly: true
+  },
   plugins: [
     new VueLoaderPlugin(),
     new MiniCssExtractPlugin({ filename: 'styles.css' }),
@@ -182,7 +185,6 @@ let rendererConfig = {
       },
       nodeModules: process.env.NODE_ENV !== 'production' ? path.resolve(__dirname, '../node_modules') : false
     }),
-    new webpack.HotModuleReplacementPlugin(),
     new webpack.NoEmitOnErrorsPlugin()
   ],
   output: {

package.json

@@ -201,7 +201,7 @@
     "vue-template-compiler": "^2.6.14",
     "webpack": "^5.60.0",
     "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^3.11.2",
+    "webpack-dev-server": "^4.7.1",
     "webpack-hot-middleware": "^2.25.1"
   }
 }