update webpack-dev-server and deps

config/webpack.base.js

@@ -11,7 +11,7 @@ const config = {
     },
     output: {
         path: path.join(__dirname, "..", "dist"),
-        filename: "[name]-[hash].js",
+        filename: "[name]-[fullhash].js",
     },
     resolve: {
         extensions: ["*", ".json", ".js"],

package.json

@@ -73,7 +73,7 @@
     "vanilla-picker": "^2.12.1",
     "webpack": "^5.67.0",
     "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^3.11.3",
+    "webpack-dev-server": "^4.7.3",
     "webpack-merge": "^5.8.0"
   },
   "author": "Cracker0dks",

scripts/server-frontend-dev.js

@@ -1,10 +1,5 @@
 const devServerConfig = {
     hot: true,
-    inline: true,
-    stats: {
-        children: false,
-        maxModules: 0,
-    },
     proxy: {
         // proxies for the backend
         "/api": "http://localhost:3000",
@@ -22,7 +17,7 @@ function startFrontendDevServer(port) {
     const WebpackDevServer = require("webpack-dev-server");
     const config = require("../config/webpack.dev");
 
-    new WebpackDevServer(webpack(config), devServerConfig).listen(port, (err) => {
+    new WebpackDevServer(webpack(config), devServerConfig).start(port, (err) => {
         if (err) {
             console.log(err);
         }