feat(dts-plugin): added flag to fetch types (#3840)

Co-authored-by: Hanric <hanric.zhang@gmail.com>

Author: ksv90

.changeset/large-actors-fly.md

@@ -0,0 +1,6 @@
+---
+'@module-federation/dts-plugin': minor
+'@module-federation/sdk': minor
+---
+
+added flag to fetch types from remote when building in production.

packages/dts-plugin/src/core/configurations/hostPlugin.test.ts

@@ -43,6 +43,7 @@ describe('hostPlugin', () => {
           runtimePkgs: [],
           remoteTypeUrls: {},
           timeout: 60000,
+          typesOnBuild: false,
         });
 
         expect(mapRemotesToDownload).toStrictEqual({
@@ -70,6 +71,7 @@ describe('hostPlugin', () => {
           runtimePkgs: [],
           remoteTypeUrls: {},
           timeout: 60000,
+          typesOnBuild: false,
         };
 
         const { hostOptions, mapRemotesToDownload } =

packages/dts-plugin/src/core/configurations/hostPlugin.ts

@@ -19,6 +19,7 @@ const defaultOptions = {
   runtimePkgs: [],
   remoteTypeUrls: {},
   timeout: 60000,
+  typesOnBuild: false,
 } satisfies Partial<HostOptions>;
 
 const buildZipUrl = (hostOptions: Required<HostOptions>, url: string) => {

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

@@ -15,6 +15,7 @@ import type { Compiler, WebpackPluginInstance } from 'webpack';
 export const DEFAULT_CONSUME_TYPES = {
   abortOnError: false,
   consumeAPITypes: true,
+  typesOnBuild: false,
 };
 
 export const normalizeConsumeTypesOptions = ({
@@ -99,11 +100,6 @@ export class ConsumeTypesPlugin implements WebpackPluginInstance {
   apply(compiler: Compiler) {
     const { dtsOptions, pluginOptions, fetchRemoteTypeUrlsResolve } = this;
 
-    if (isPrd()) {
-      fetchRemoteTypeUrlsResolve(undefined);
-      return;
-    }
-
     const dtsManagerOptions = normalizeConsumeTypesOptions({
       context: compiler.context,
       dtsOptions,
@@ -115,6 +111,11 @@ export class ConsumeTypesPlugin implements WebpackPluginInstance {
       return;
     }
 
+    if (isPrd() && !dtsManagerOptions.host.typesOnBuild) {
+      fetchRemoteTypeUrlsResolve(undefined);
+      return;
+    }
+
     logger.debug('start fetching remote types...');
     const promise = consumeTypesAPI(
       dtsManagerOptions,

packages/sdk/src/types/plugins/ModuleFederationPlugin.ts

@@ -156,6 +156,7 @@ export interface DtsHostOptions {
   runtimePkgs?: string[];
   remoteTypeUrls?: (() => Promise<RemoteTypeUrls>) | RemoteTypeUrls;
   timeout?: number;
+  typesOnBuild?: boolean;
 }
 
 export interface DtsRemoteOptions {