fix ripple error with dynamic import

scopes/dev-services/compiler/webpack/webpack-plugins/stats-logger.ts

@@ -1,10 +1,6 @@
-import type { Compiler, Configuration, Stats } from 'webpack';
+import type { Compiler, Stats } from 'webpack';
 import { loadEsmModule } from '@teambit/angular-common';
 
-interface WebpackLoggingCallback {
-  (stats: Stats, config: Configuration): void;
-}
-
 const PLUGIN_NAME = 'angular-stats-logger-plugin';
 
 export class StatsLoggerPlugin {
@@ -13,11 +9,15 @@ export class StatsLoggerPlugin {
     const logger = {
       ...console
     };
-    // "Executed when the compilation has completed."
-    const { createWebpackLoggingCallback } = await loadEsmModule<typeof import('@angular-devkit/build-angular/src/webpack/utils/stats')>('@angular-devkit/build-angular/src/webpack/utils/stats');
-    const loggingCallback = createWebpackLoggingCallback({} as any, logger as any) as any;
-    compiler.hooks.done.tap(PLUGIN_NAME, (stats: Stats) => {
-      loggingCallback(stats, {stats: {logging: 'info', colors: true}});
-    });
+    try {
+      // "Executed when the compilation has completed."
+      const { createWebpackLoggingCallback } = await loadEsmModule('@angular-devkit/build-angular/src/webpack/utils/stats') as any;
+      const loggingCallback = createWebpackLoggingCallback({} as any, logger as any) as any;
+      compiler.hooks.done.tap(PLUGIN_NAME, (stats: Stats) => {
+        loggingCallback(stats, { stats: { logging: 'info', colors: true } });
+      });
+    } catch (e) {
+      // if it fails, just continue (we don't need logging to break the build)
+    }
   }
 }