fix: only inject ipv4 str in dev mode (#3813)

Author: 2heal1

.changeset/beige-apricots-switch.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/dts-plugin': patch
+---
+
+fix(dts-plugin): only inject ipv4 str in dev mode

.changeset/rare-rockets-wink.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/modern-js': patch
+---
+
+fix(modern-js-plugin): only inject ipv4 str in dev mode

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

@@ -117,9 +117,7 @@ export class DevPlugin implements WebpackPluginInstance {
     const {
       _options: { name, dev, dts },
     } = this;
-    new compiler.webpack.DefinePlugin({
-      FEDERATION_IPV4: JSON.stringify(getIPV4()),
-    }).apply(compiler);
+
     const normalizedDev =
       normalizeOptions<moduleFederationPlugin.PluginDevOptions>(
         true,
@@ -135,6 +133,10 @@ export class DevPlugin implements WebpackPluginInstance {
       return;
     }
 
+    new compiler.webpack.DefinePlugin({
+      FEDERATION_IPV4: JSON.stringify(getIPV4()),
+    }).apply(compiler);
+
     if (
       normalizedDev.disableHotTypesReload &&
       normalizedDev.disableLiveReload &&

packages/modernjs/src/cli/configPlugin.ts

@@ -144,6 +144,7 @@ export const patchMFConfig = (
   mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions,
   isServer: boolean,
   remoteIpStrategy?: 'ipv4' | 'inherit',
+  enableSSR?: boolean,
 ) => {
   replaceRemoteUrl(mfConfig, remoteIpStrategy);
   if (mfConfig.remoteType === undefined) {
@@ -161,7 +162,7 @@ export const patchMFConfig = (
     runtimePlugins,
   );
 
-  if (isDev) {
+  if (enableSSR && isDev) {
     injectRuntimePlugins(
       require.resolve('@module-federation/modern-js/resolve-entry-ipv4'),
       runtimePlugins,
@@ -393,6 +394,7 @@ export const moduleFederationConfigPlugin = (
         targetMFConfig,
         !isWeb,
         userConfig.remoteIpStrategy || 'ipv4',
+        enableSSR,
       );
 
       patchBundlerConfig({
@@ -451,6 +453,12 @@ export const moduleFederationConfigPlugin = (
             'Access-Control-Allow-Headers': '*',
           }
         : undefined;
+      const defineConfig = {
+        REMOTE_IP_STRATEGY: JSON.stringify(userConfig.remoteIpStrategy),
+      };
+      if (enableSSR && isDev) {
+        defineConfig['FEDERATION_IPV4'] = JSON.stringify(ipv4);
+      }
       return {
         tools: {
           devServer: {
@@ -464,10 +472,7 @@ export const moduleFederationConfigPlugin = (
               '@module-federation/modern-js/runtime',
             ),
           },
-          define: {
-            FEDERATION_IPV4: JSON.stringify(ipv4),
-            REMOTE_IP_STRATEGY: JSON.stringify(userConfig.remoteIpStrategy),
-          },
+          define: defineConfig,
           enableAsyncEntry:
             bundlerType === 'rspack'
               ? (modernjsConfig.source?.enableAsyncEntry ?? true)