From c7cf7863804fc8140d44d55f062a181d51167d84 Mon Sep 17 00:00:00 2001
From: "Hung-Han (Henry) Chen" <1474479+chenhunghan@users.noreply.github.com>
Date: Fri, 4 Dec 2020 17:35:50 +0800
Subject: [PATCH] Enable progress bar

Signed-off-by: Hung-Han (Henry) Chen <1474479+chenhunghan@users.noreply.github.com>
---
 webpack.extension-api.ts | 1 +
 webpack.main.ts          | 1 +
 webpack.renderer.ts      | 2 ++
 3 files changed, 4 insertions(+)

diff --git a/webpack.extension-api.ts b/webpack.extension-api.ts
index f0c18547ee..eeb0ebd64c 100644
--- a/webpack.extension-api.ts
+++ b/webpack.extension-api.ts
@@ -111,6 +111,7 @@ export default function (): webpack.Configuration {
       }
     },
     plugins: [
+      new webpack.ProgressPlugin({ percentBy: "entries" }),
       // In ts-loader's README they said to output a built .d.ts file,
       // you can set "declaration": true in tsconfig.extensions.json,
       // and use the DeclarationBundlerPlugin in your webpack config... but
diff --git a/webpack.main.ts b/webpack.main.ts
index 75c7a3a7f6..a7ea0096df 100755
--- a/webpack.main.ts
+++ b/webpack.main.ts
@@ -48,6 +48,7 @@ export default function (): webpack.Configuration {
     },
     plugins: [
       new ForkTsCheckerPlugin(),
+      new webpack.ProgressPlugin({ percentBy: "entries" }),
     ]
   };
 }
diff --git a/webpack.renderer.ts b/webpack.renderer.ts
index 328fbccdd9..b431ab44fb 100755
--- a/webpack.renderer.ts
+++ b/webpack.renderer.ts
@@ -166,6 +166,8 @@ export function webpackLensRenderer({ showVars = true } = {}): webpack.Configura
         filename: "[name].css",
       }),
 
+      new webpack.ProgressPlugin({ percentBy: "entries" }),
+
       isDevelopment && new webpack.HotModuleReplacementPlugin(),
       isDevelopment && new ReactRefreshWebpackPlugin(),