fix: skip when current project is storybook

.changeset/heavy-dragons-count.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/rsbuild-plugin': patch
+---
+
+fix: skip when current project is storybook

apps/rslib-module/module-federation.config.ts

@@ -0,0 +1,16 @@
+import { createModuleFederationConfig } from '@module-federation/rsbuild-plugin';
+
+export default createModuleFederationConfig({
+  name: 'rslib_provider',
+  exposes: {
+    '.': './src/index.tsx',
+  },
+  shared: {
+    react: {
+      singleton: true,
+    },
+    'react-dom': {
+      singleton: true,
+    },
+  },
+});

apps/rslib-module/rslib.config.ts

@@ -1,6 +1,7 @@
 import { pluginModuleFederation } from '@module-federation/rsbuild-plugin';
 import { pluginReact } from '@rsbuild/plugin-react';
 import { defineConfig } from '@rslib/core';
+import moduleFederationConfig from './module-federation.config';
 
 const shared = {
   dts: {
@@ -36,26 +37,10 @@ export default defineConfig({
           root: './dist/mf',
         },
       },
-      server: {
-        port: 3001,
-      },
     },
   ],
-  plugins: [
-    pluginReact(),
-    pluginModuleFederation({
-      name: 'rslib_provider',
-      exposes: {
-        '.': './src/index.tsx',
-      },
-      shared: {
-        react: {
-          singleton: true,
-        },
-        'react-dom': {
-          singleton: true,
-        },
-      },
-    }),
-  ],
+  server: {
+    port: 3001,
+  },
+  plugins: [pluginReact(), pluginModuleFederation(moduleFederationConfig)],
 });

packages/rsbuild-plugin/src/cli/index.ts

@@ -12,7 +12,7 @@ import type {
   moduleFederationPlugin,
   sharePlugin,
 } from '@module-federation/sdk';
-import type { RsbuildPlugin, Rspack } from '@rsbuild/core';
+import type { RsbuildConfig, RsbuildPlugin, Rspack } from '@rsbuild/core';
 import logger from '../logger';
 
 type ModuleFederationOptions =
@@ -32,6 +32,17 @@ export {
 
 const LIB_FORMAT = ['commonjs', 'umd', 'modern-module'];
 
+function isStoryBook(rsbuildConfig: RsbuildConfig) {
+  if (
+    rsbuildConfig.plugins?.find(
+      (p) =>
+        p && 'name' in p && p.name === 'module-federation-storybook-plugin',
+    )
+  ) {
+    return true;
+  }
+}
+
 export function isMFFormat(bundlerConfig: Rspack.Configuration) {
   const library = bundlerConfig.output?.library;
 
@@ -78,6 +89,8 @@ export const pluginModuleFederation = (
       bundlerConfigs.forEach((bundlerConfig) => {
         if (!isMFFormat(bundlerConfig)) {
           return;
+        } else if (isStoryBook(api.getRsbuildConfig())) {
+          bundlerConfig.output!.uniqueName = `${moduleFederationOptions.name}-storybook-host`;
         } else {
           // mf
           autoDeleteSplitChunkCacheGroups(
@@ -156,6 +169,10 @@ export const pluginModuleFederation = (
 
     // dev config only works on format: 'mf'
     api.modifyRsbuildConfig((config) => {
+      // skip storybook
+      if (isStoryBook(config)) {
+        return;
+      }
       // Change some default configs for remote modules
       if (moduleFederationOptions.exposes) {
         config.dev ||= {};
@@ -192,3 +209,5 @@ export const pluginModuleFederation = (
     });
   },
 });
+
+export { createModuleFederationConfig } from '@module-federation/enhanced';