diff --git a/packages/webpack/package.json b/packages/webpack/package.json
index 6d8d305e32..f26a65cbe3 100644
--- a/packages/webpack/package.json
+++ b/packages/webpack/package.json
@@ -41,7 +41,7 @@
     "vue-style-loader": "^4.1.3",
     "webpack": "^5.38.1",
     "webpack-bundle-analyzer": "^4.4.2",
-    "webpack-dev-middleware": "^4.3.0",
+    "webpack-dev-middleware": "^5.0.0",
     "webpack-hot-middleware": "^2.25.0",
     "webpackbar": "^5.0.0-3"
   },
@@ -49,7 +49,7 @@
     "@types/pify": "^5.0.0",
     "@types/terser-webpack-plugin": "^5.0.3",
     "@types/webpack-bundle-analyzer": "^4.4.0",
-    "@types/webpack-dev-middleware": "^4.3.0",
+    "@types/webpack-dev-middleware": "^5.0.0",
     "@types/webpack-hot-middleware": "^2.25.4",
     "unbuild": "^0.3.0"
   }
diff --git a/yarn.lock b/yarn.lock
index ca21321cf0..9c5d4796d2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1805,7 +1805,7 @@ __metadata:
     "@types/pify": ^5.0.0
     "@types/terser-webpack-plugin": ^5.0.3
     "@types/webpack-bundle-analyzer": ^4.4.0
-    "@types/webpack-dev-middleware": ^4.3.0
+    "@types/webpack-dev-middleware": ^5.0.0
     "@types/webpack-hot-middleware": ^2.25.4
     "@vue/babel-preset-jsx": ^1.2.4
     "@vue/compiler-sfc": ^3.0.11
@@ -1835,7 +1835,7 @@ __metadata:
     vue-style-loader: ^4.1.3
     webpack: ^5.38.1
     webpack-bundle-analyzer: ^4.4.2
-    webpack-dev-middleware: ^4.3.0
+    webpack-dev-middleware: ^5.0.0
     webpack-hot-middleware: ^2.25.0
     webpackbar: ^5.0.0-3
   languageName: unknown
@@ -2579,14 +2579,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/webpack-dev-middleware@npm:^4.3.0":
-  version: 4.3.0
-  resolution: "@types/webpack-dev-middleware@npm:4.3.0"
+"@types/webpack-dev-middleware@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "@types/webpack-dev-middleware@npm:5.0.0"
   dependencies:
     "@types/connect": "*"
-    tapable: ^2.2.0
-    webpack: ^5
-  checksum: f5397201378cbf42b21e156b056ae1cde3c451db7bf809ccf4ec828a2b5f01f0fbbd84765a94128fc35afe49609ef58a56569133dc3fed55fa971b328cd0e369
+    tapable: ^2.1.1
+    webpack: ^5.38.1
+  checksum: 823d823776a41b611c626f7dede03daff0ec8f4e3e189b54813853cee7dfc8c1b61f1dd559b4f661e6c429c2cf9e36f1cd6c90dff3c1904d1f63ee87b9fff02d
   languageName: node
   linkType: hard
 
@@ -9834,7 +9834,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mime-types@npm:^2.1.12, mime-types@npm:^2.1.27, mime-types@npm:^2.1.30, mime-types@npm:~2.1.19":
+"mime-types@npm:^2.1.12, mime-types@npm:^2.1.27, mime-types@npm:^2.1.31, mime-types@npm:~2.1.19":
   version: 2.1.31
   resolution: "mime-types@npm:2.1.31"
   dependencies:
@@ -14933,19 +14933,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"webpack-dev-middleware@npm:^4.3.0":
-  version: 4.3.0
-  resolution: "webpack-dev-middleware@npm:4.3.0"
+"webpack-dev-middleware@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "webpack-dev-middleware@npm:5.0.0"
   dependencies:
     colorette: ^1.2.2
     mem: ^8.1.1
     memfs: ^3.2.2
-    mime-types: ^2.1.30
+    mime-types: ^2.1.31
     range-parser: ^1.2.1
     schema-utils: ^3.0.0
   peerDependencies:
     webpack: ^4.0.0 || ^5.0.0
-  checksum: 1b516cfcf52e5ecadd20c85887bef3e8db3be17aab37823413a68f1926fe12fdd5ba01ff06c045c9516709369712d02e46136fedb25cc78c5e3453c141be2b47
+  checksum: b6ff8fed985e89072ef84357ac8d1778a326de3f87cd60b8ab719565223d3949e06778fee434bae8e53ebd4af288de4561cbba4970f1872d70f38bdfc4b69d86
   languageName: node
   linkType: hard