optimize: upgrade console frontend dependencies and supported nodejs versions

changes/en-us/2.x.md

@@ -75,6 +75,7 @@ Add changes here for all PR submitted to the 2.x branch.
 - [[#6297](https://github.com/apache/incubator-seata/pull/6297)] fix problem of `maven-pmd-plugin`
 - [[#6298](https://github.com/apache/incubator-seata/pull/6298)] repackage name to org.apache.seata
 - [[#6304](https://github.com/apache/incubator-seata/pull/6304)] disable Publish OSSRH workflow
+- [[#6301](https://github.com/apache/incubator-seata/pull/6301)] upgrade console frontend dependencies and supported nodejs versions
 
 ### security:
 - [[#6069](https://github.com/apache/incubator-seata/pull/6069)] Upgrade Guava dependencies to fix security vulnerabilities

changes/zh-cn/2.x.md

@@ -73,6 +73,7 @@
 - [[#6297](https://github.com/apache/incubator-seata/pull/6297)] 修复 `maven-pmd-plugin` 相关的问题
 - [[#6298](https://github.com/apache/incubator-seata/pull/6298)] 重命名包名为 org.apache.seata
 - [[#6304](https://github.com/apache/incubator-seata/pull/6304)] 禁用 OSSRH 发布工作流
+- [[#6301](https://github.com/apache/incubator-seata/pull/6301)] 升级console前端依赖及支持的nodejs版本
 
 ### security:
 - [[#6069](https://github.com/apache/incubator-seata/pull/6069)] 升级Guava依赖版本，修复安全漏洞

console/pom.xml

@@ -144,7 +144,7 @@
                                 </goals>
                                 <phase>generate-resources</phase>
                                 <configuration>
-                                    <nodeVersion>v14.21.3</nodeVersion>
+                                    <nodeVersion>v19.5.0</nodeVersion>
                                 </configuration>
                             </execution>
                             <execution>
@@ -157,16 +157,6 @@
                                     <arguments>install</arguments>
                                 </configuration>
                             </execution>
-                            <execution>
-                                <id>update caniuse db</id>
-                                <goals>
-                                    <goal>npx</goal>
-                                </goals>
-                                <phase>generate-resources</phase>
-                                <configuration>
-                                    <arguments>browserslist@latest</arguments>
-                                </configuration>
-                            </execution>
                             <execution>
                                 <id>npm build</id>
                                 <goals>

console/src/main/resources/static/console-fe/build/webpack.base.conf.js

@@ -90,12 +90,15 @@ module.exports = {
       template: './public/index.html',
       minify: !isDev,
     }),
-    new CopyWebpackPlugin([
-      {
-        from: resolve('public'),
-        to: './',
-        ignore: ['index.html'],
-      },
-    ]),
+    new CopyWebpackPlugin({
+      patterns: [
+        {
+          from: resolve('public'),
+          to: './',
+          globOptions:{
+            ignore: ['**/index.html'],
+          }
+        },
+      ]}),
   ],
 };

console/src/main/resources/static/console-fe/build/webpack.dev.conf.js

@@ -33,10 +33,12 @@ module.exports = Object.assign({}, base, {
       target: 'http://127.0.0.1:7091',
       pathRewrite: {'^/' : ''}
     }],
-    disableHostCheck: true,
+    allowedHosts: "all",
     open: true,
     hot: true,
-    overlay: true
+    client: {
+      overlay: true
+    }
   },
   mode: 'development',
   devtool: 'eval-source-map',

console/src/main/resources/static/console-fe/build/webpack.prod.conf.js

@@ -20,7 +20,11 @@ const base = require('./webpack.base.conf');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
-const CleanWebpackPlugin = require('clean-webpack-plugin');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+// error:0308010C:digital envelope routines::unsupported
+const crypto = require("crypto");
+const ori_createHash = crypto.createHash;
+crypto.createHash = algorithm => ori_createHash(algorithm == "md4" ? "sha256" : algorithm);
 
 module.exports = Object.assign({}, base, {
   optimization: {
@@ -34,8 +38,8 @@ module.exports = Object.assign({}, base, {
     ],
   },
   plugins: [
-    new CleanWebpackPlugin(path.resolve(__dirname, '../dist'), {
-      root: path.resolve(__dirname, '../'),
+    new CleanWebpackPlugin({
+      cleanOnceBeforeBuildPatterns: [path.resolve(__dirname, '../dist')]
     }),
     ...base.plugins,
     new MiniCssExtractPlugin({