fix: use native webpack progress plugin (#293)

* fix: fallback to native progress plugin for webpack 5.106+

* fix: use native webpack progress plugin

Author: zombieJ

package.json

@@ -97,8 +97,7 @@
     "unified": "^8.0.0",
     "url-loader": "^4.0.0",
     "webpack": "^5.0.0",
-    "webpack-merge": "^4.2.1",
-    "webpackbar": "^5.0.0"
+    "webpack-merge": "^4.2.1"
   },
   "devDependencies": {
     "@rc-component/father-plugin": "^2.1.2",

src/getWebpackConfig.ts

@@ -1,7 +1,6 @@
 import { getProjectPath, resolve } from './utils/projectHelper';
 import * as path from 'path';
 import * as webpack from 'webpack';
-import WebpackBar from 'webpackbar';
 import webpackMerge from 'webpack-merge';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
@@ -179,9 +178,8 @@ ${pkg.name} v${pkg.version}
 Copyright 2015-present, Alipay, Inc.
 All rights reserved.
       `),
-      new WebpackBar({
-        name: '🚚  Ant Design Tools',
-        color: '#2f54eb',
+      new webpack.ProgressPlugin({
+        activeModules: true,
       }),
       new CleanUpStatsPlugin(),
     ],