Enable progress bar

Signed-off-by: Hung-Han (Henry) Chen <1474479+chenhunghan@users.noreply.github.com>

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

webpack.main.ts

@@ -48,6 +48,7 @@ export default function (): webpack.Configuration {
     },
     plugins: [
       new ForkTsCheckerPlugin(),
+      new webpack.ProgressPlugin({ percentBy: "entries" }),
     ]
   };
 }

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(),