webpack packages upgrade and configure

package.json

@@ -48,9 +48,9 @@
     "stylelint": "^16.5.0",
     "stylelint-config-standard": "^35.0.0",
     "webpack": "^5.91.0",
-    "webpack-cli": "^4.7.0",
+    "webpack-cli": "^5.1.4",
     "webpack-dashboard": "^3.3.1",
-    "webpack-dev-server": "^3.11.2"
+    "webpack-dev-server": "^5.0.4"
   },
   "dependencies": {
     "@fullcalendar/core": "^6.1.11",

webpack/devServer.js

@@ -15,27 +15,33 @@ const
  */
 
 const devServer = {
-  contentBase        : manifest.IS_PRODUCTION ? manifest.paths.build : manifest.paths.src,
-  historyApiFallback : true,
-  port               : manifest.IS_PRODUCTION ? 3001 : 3000,
-  compress           : manifest.IS_PRODUCTION,
-  inline             : !manifest.IS_PRODUCTION,
-  watchContentBase: true,
-  hot                : !manifest.IS_PRODUCTION,
-  host               : '0.0.0.0',
-  disableHostCheck   : true, // [1]
-  overlay            : true,
-  stats: {
-    assets     : true,
-    children   : false,
-    chunks     : false,
-    hash       : false,
-    modules    : false,
-    publicPath : false,
-    timings    : true,
-    version    : false,
-    warnings   : true,
-    colors     : true,
+  static: {
+    directory: manifest.IS_PRODUCTION ? manifest.paths.build : manifest.paths.src,
+    watch: true,
+  },
+  historyApiFallback: true,
+  port: manifest.IS_PRODUCTION ? 3001 : 3000,
+  compress: manifest.IS_PRODUCTION,
+  client: {
+    overlay: true,
+    progress: !manifest.IS_PRODUCTION,
+  },
+  hot: !manifest.IS_PRODUCTION,
+  host: '0.0.0.0',
+  allowedHosts: 'all', // [1]
+  devMiddleware: {
+    stats: {
+      assets: true,
+      children: false,
+      chunks: false,
+      hash: false,
+      modules: false,
+      publicPath: false,
+      timings: true,
+      version: false,
+      warnings: true,
+      colors: true,
+    },
   },
 };
 
@@ -44,4 +50,4 @@ const devServer = {
 // @Exporting Module
 // -----------------
 
-module.exports = devServer;
+module.exports = devServer;