Chore: Update `webpack-dev-server` to its `next` version (4.0.0-beta3)

_scripts/dev-runner.js

@@ -27,6 +27,8 @@ if (remoteDebugging) {
 const relaunchExitCode = 69
 process.env.FREETUBE_RELAUNCH_EXIT_CODE = relaunchExitCode
 
+const port = 9080
+
 async function killElectron(pid) {
   return new Promise((resolve, reject) => {
     if (pid) {
@@ -114,13 +116,11 @@ function startRenderer(callback) {
   })
 
   const server = new WebpackDevServer(compiler, {
-    contentBase: path.join(__dirname, '../'),
+    static: path.join(process.cwd(), 'static'),
-    hot: true,
+    port
-    overlay: true,
-    clientLogLevel: 'warning'
   })
 
-  server.listen(9080, '', err => {
+  server.listen(port, '', err => {
     if (err) console.error(err)
 
     callback()

_scripts/webpack.renderer.config.js

@@ -22,6 +22,12 @@ const config = {
   entry: {
     renderer: path.join(__dirname, '../src/renderer/main.js'),
   },
+  infrastructureLogging: {
+    // Only warnings and errors
+    // level: 'none' disable logging
+    // Please read https://webpack.js.org/configuration/other-options/#infrastructurelogginglevel
+    level: isDevMode ? 'info' : 'none'
+  },
   output: {
     libraryTarget: 'commonjs2',
     path: path.join(__dirname, '../dist'),

package.json

@@ -104,7 +104,7 @@
     "vue-template-compiler": "^2.6.14",
     "webpack": "^5.39.1",
     "webpack-cli": "^4.7.2",
-    "webpack-dev-server": "^3.11.2"
+    "webpack-dev-server": "^4.0.0-beta.3"
   },
   "license": "AGPL-3.0-or-later",
   "main": "./dist/main.js",