chore: update webpack-dev-server to 4.14.0 (#147)

* chore: update webpack-dev-server to 4.14.0 * docs(changeset): update webpack-dev-server to v4.14.0 --------- Co-authored-by: jialan <jialan@dtstack.com>
DTStack · Jun 20, 2023 · e76ee46 · e76ee46
1 parent 70ac1f4
commit e76ee46
Show file tree

Hide file tree

Showing 6 changed files with 148 additions and 156 deletions.
diff --git a/.changeset/silver-jars-end.md b/.changeset/silver-jars-end.md
@@ -0,0 +1,5 @@
+---
+'ko': patch
+---
+
+update webpack-dev-server to v4.14.0
diff --git a/packages/ko/package.json b/packages/ko/package.json
@@ -61,7 +61,6 @@
     "css-minimizer-webpack-plugin": "^4.0.0",
     "detect-port": "^1.3.0",
     "dynamic-resolve-webpack-plugin": "workspace:^2.0.0",
-    "error-overlay-webpack-plugin": "^1.1.1",
     "esbuild-loader": "^2.19.0",
     "html-webpack-plugin": "^5.5.0",
     "inquirer": "^8.2.2",
@@ -85,7 +84,7 @@
     "thread-loader": "^3.0.4",
     "webpack": "^5.72.1",
     "webpack-bundle-analyzer": "^4.5.0",
-    "webpack-dev-server": "4.9.0",
+    "webpack-dev-server": "4.14.0",
     "webpackbar": "^5.0.2",
     "worker-loader": "^3.0.8"
   },

diff --git a/packages/ko/src/actions/dev.ts b/packages/ko/src/actions/dev.ts
@@ -31,7 +31,11 @@ class Dev extends ActionFactory {
       setupExitSignals: false,
       allowedHosts: 'all',
       client: {
-        overlay: false,
+        overlay: {
+          errors: true,
+          warnings: false,
+          runtimeErrors: true,
+        },
       },
       historyApiFallback,
     };

diff --git a/packages/ko/src/webpack/custom-plugins/purge-cache-webpack-plugin/index.ts b/packages/ko/src/webpack/custom-plugins/purge-cache-webpack-plugin/index.ts
@@ -3,7 +3,7 @@ import fs from 'fs/promises';
 import path from 'path';
 
 class PurgeCacheWebpackPlugin {
-  WEBPACK_PULGIN_NAME = 'PurgeCacheWebpackPlugin';
+  WEBPACK_PLUGIN_NAME = 'PurgeCacheWebpackPlugin';
 
   purgeCacheFiles(
     directory: string,
@@ -50,12 +50,12 @@ class PurgeCacheWebpackPlugin {
 
   apply(compiler: Compiler) {
     compiler.hooks.done.tapAsync(
-      { name: this.WEBPACK_PULGIN_NAME },
+      { name: this.WEBPACK_PLUGIN_NAME },
       (_, callback) => {
         const { type, maxAge, cacheLocation } = compiler.options.cache as any;
         if (type === 'filesystem') {
           const logger = compiler.getInfrastructureLogger(
-            this.WEBPACK_PULGIN_NAME
+            this.WEBPACK_PLUGIN_NAME
           );
           this.purgeCacheFiles(cacheLocation, maxAge, errors => {
             if (errors?.length) {

diff --git a/packages/ko/src/webpack/plugins.ts b/packages/ko/src/webpack/plugins.ts
@@ -10,7 +10,6 @@ import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
 import AutoPolyfillsWebpackPlugin from 'auto-polyfills-webpack-plugin';
 import FriendlyErrorsWebpackPlugin from '@nuxt/friendly-errors-webpack-plugin';
 import PurgeCacheWebpackPlugin from './custom-plugins/purge-cache-webpack-plugin';
-import ErrorOverlayPlugin from 'error-overlay-webpack-plugin';
 import { IWebpackOptions } from '../types';
 
 function getPlugins(opts: IWebpackOptions) {
@@ -96,7 +95,6 @@ function getPlugins(opts: IWebpackOptions) {
         },
       }),
     !isProd && new PurgeCacheWebpackPlugin(),
-    !isProd && new ErrorOverlayPlugin(),
     isProd &&
       autoPolyfills &&
       (typeof autoPolyfills === 'boolean'