feat(dts-plugin): add dts.displayErrorInTerminal to help control display error (#3438)

Author: 2heal1

.changeset/empty-steaks-appear.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/dts-plugin': patch
+---
+
+feat(dts-plugin): add dts.displayErrorInTerminal to help control display error

apps/website-new/docs/en/configure/dts.mdx

@@ -224,3 +224,11 @@ tsconfig configuration file path
 - Default value: `undefined`
 
 The working directory to run the compiler
+
+### displayErrorInTerminal
+
+- Type: `boolean`
+- Required: No
+- Default value: `true`
+
+Whether print error log in terminal

apps/website-new/docs/zh/configure/dts.mdx

@@ -216,3 +216,19 @@ interface DtsHostOptions {
 - 默认值：`path.join(process.cwd(),'./tsconfig.json')`
 
 tsconfig 配置文件路径
+
+### cwd
+
+- 类型：`string`
+- 是否必填：否
+- 默认值：`undefined`
+
+运行 tsc 的路径，默认为项目根目录。
+
+### displayErrorInTerminal
+
+- 类型：`boolean`
+- 是否必填：否
+- 默认值：`true`
+
+是否在 terminal 输出错误日志

packages/dts-plugin/src/core/interfaces/DTSManagerOptions.ts

@@ -1,8 +1,10 @@
+import { moduleFederationPlugin } from '@module-federation/sdk';
 import { HostOptions } from './HostOptions';
 import { RemoteOptions } from './RemoteOptions';
 
 export interface DTSManagerOptions {
   remote?: RemoteOptions;
   host?: HostOptions;
   extraOptions?: Record<string, any>;
+  displayErrorInTerminal?: moduleFederationPlugin.PluginDtsOptions['displayErrorInTerminal'];
 }

packages/dts-plugin/src/core/lib/DTSManager.ts

@@ -166,7 +166,9 @@ class DTSManager {
       logger.success('Federated types created correctly');
     } catch (error) {
       if (this.options.remote?.abortOnError === false) {
-        logger.error(`Unable to compile federated types${error}`);
+        if (this.options.displayErrorInTerminal) {
+          logger.error(`Unable to compile federated types${error}`);
+        }
       } else {
         throw error;
       }

packages/dts-plugin/src/plugins/ConsumeTypesPlugin.ts

@@ -52,6 +52,7 @@ export class ConsumeTypesPlugin implements WebpackPluginInstance {
         ...normalizedConsumeTypes,
       },
       extraOptions: dtsOptions.extraOptions || {},
+      displayErrorInTerminal: dtsOptions.displayErrorInTerminal,
     };
 
     validateOptions(finalOptions.host);

packages/dts-plugin/src/plugins/DevPlugin.ts

@@ -36,14 +36,17 @@ export class DevPlugin implements WebpackPluginInstance {
   readonly name = 'MFDevPlugin';
   private _options: moduleFederationPlugin.ModuleFederationPluginOptions;
   private _devWorker?: DevWorker;
+  dtsOptions: moduleFederationPlugin.PluginDtsOptions;
   fetchTypesPromise: Promise<void>;
 
   constructor(
     options: moduleFederationPlugin.ModuleFederationPluginOptions,
+    dtsOptions: moduleFederationPlugin.PluginDtsOptions,
     fetchTypesPromise: Promise<void>,
   ) {
     this._options = options;
     this.fetchTypesPromise = fetchTypesPromise;
+    this.dtsOptions = dtsOptions;
   }
 
   static ensureLiveReloadEntry(
@@ -173,6 +176,7 @@ export class DevPlugin implements WebpackPluginInstance {
           generateTypes: defaultGenerateTypes,
           consumeTypes: defaultConsumeTypes,
           extraOptions: {},
+          displayErrorInTerminal: this.dtsOptions?.displayErrorInTerminal,
         },
         'mfOptions.dts',
       )(dts);

packages/dts-plugin/src/plugins/DtsPlugin.ts

@@ -31,6 +31,7 @@ export class DtsPlugin implements WebpackPluginInstance {
           generateTypes: defaultGenerateTypes,
           consumeTypes: defaultConsumeTypes,
           extraOptions: {},
+          displayErrorInTerminal: true,
         },
         'mfOptions.dts',
       )(options.dts);
@@ -51,7 +52,9 @@ export class DtsPlugin implements WebpackPluginInstance {
 
     // Because the plugin will delete dist/@mf-types.zip while generating types, which will be used in GenerateTypesPlugin
     // So it should apply after GenerateTypesPlugin
-    new DevPlugin(options, generateTypesPromise).apply(compiler);
+    new DevPlugin(options, normalizedDtsOptions, generateTypesPromise).apply(
+      compiler,
+    );
 
     // The exposes files may use remote types, so it need to consume types first, otherwise the generate types will fail
     new GenerateTypesPlugin(

packages/dts-plugin/src/plugins/GenerateTypesPlugin.ts

@@ -65,6 +65,7 @@ export class GenerateTypesPlugin implements WebpackPluginInstance {
         ...normalizedGenerateTypes,
       },
       extraOptions: dtsOptions.extraOptions || {},
+      displayErrorInTerminal: dtsOptions.displayErrorInTerminal,
     };
 
     if (dtsOptions.tsConfigPath && !finalOptions.remote.tsConfigPath) {
@@ -157,7 +158,12 @@ export class GenerateTypesPlugin implements WebpackPluginInstance {
             callback();
           } catch (err) {
             callback();
-            console.error('Error in mf:generateTypes processAssets hook:', err);
+            if (finalOptions.displayErrorInTerminal) {
+              console.error(
+                'Error in mf:generateTypes processAssets hook:',
+                err,
+              );
+            }
           }
         },
       );

packages/manifest/src/StatsManager.ts

@@ -134,7 +134,7 @@ class StatsManager {
           (this._options?.library?.type as RemoteEntryType | undefined) ||
           'global',
       },
-      types: getTypesMetaInfo(this._options, compiler.context),
+      types: getTypesMetaInfo(this._options, compiler.context, compilation),
       globalName: globalName,
       pluginVersion: this._pluginVersion,
     };