feat(storybook): add integration test

packages/storybook/builder/src/core.ts

@@ -15,15 +15,16 @@ export async function getCompiler(
 
   const { presets } = options;
   const entries = await presets.apply<string[]>('entries', []);
-  const otherBuilderConfig =
-    (await presets.apply<BuilderConfig | void>('modern')) || {};
 
   const res = await runWithErrorMsg(
     () => loadConfig(cwd, frameworkConfig.configPath || 'modern.config.ts'),
     'Failed to load config',
   );
-
   const loadedConfig = (res ? res.config : {}) as BuilderConfig;
+
+  const otherBuilderConfig =
+    (await presets.apply<BuilderConfig | void>('modern', loadedConfig)) || {};
+
   const builderConfig = mergeBuilderConfig(otherBuilderConfig, loadedConfig);
 
   const provider = await getProvider(bundler, builderConfig);

packages/storybook/builder/src/plugin-storybook.ts

@@ -46,6 +46,9 @@ export const pluginStorybook: (
 ) => BuilderPlugin<WebpackAPI | RspackAPI> = (cwd, options) => {
   return {
     name: 'builder-plugin-storybook',
+
+    remove: ['builder-plugin-inline'],
+
     async setup(api) {
       api.modifyBuilderConfig(async builderConfig => {
         await applyDefines(builderConfig, options);
@@ -63,7 +66,6 @@ export const pluginStorybook: (
           ...(config.resolve.conditionNames || []),
         ];
         config.resolve.fullySpecified = false;
-
         await applyMdxLoader(config, options);
         await applyCsfPlugin(config, options);
       };

packages/storybook/builder/src/preset.ts

@@ -2,6 +2,7 @@ import { join, resolve } from 'path';
 import type { Options } from '@storybook/types';
 import { getConfig } from './build';
 import { STORYBOOK_CONFIG_ENTRY } from './utils';
+import { BuilderConfig } from './types';
 
 export const previewMainTemplate = () => {
   return require.resolve('@modern-js/storybook-builder/templates/preview.ejs');
@@ -36,4 +37,23 @@ export const entries = async (_: unknown, options: Options) => {
   return result;
 };
 
+export const modern = (
+  builderConfig: BuilderConfig,
+  options: Options,
+): BuilderConfig => {
+  // @ts-expect-error
+  return {
+    ...builderConfig,
+
+    output: {
+      ...builderConfig.output,
+      disableInlineRuntimeChunk: true,
+      distPath: {
+        ...builderConfig.output?.distPath,
+        root: options.outputDir,
+      },
+    },
+  };
+};
+
 export { decorators } from './addons/preset/preview';

packages/storybook/framework/src/preset.ts

@@ -1,5 +1,6 @@
 import path from 'path';
 import type { Options } from '@storybook/types';
+import type { BuilderConfig } from '@modern-js/storybook-builder/types';
 
 export const frameworkOptions = async (_: never, options: Options) => {
   const config = await options.presets.apply('framework');
@@ -25,10 +26,17 @@ export const frameworkOptions = async (_: never, options: Options) => {
   };
 };
 
-export const modern = async (_options: Options) => {
+export const modern = (
+  config: BuilderConfig,
+  _options: Options,
+): BuilderConfig => {
+  // @ts-expect-error
   return {
+    ...config,
     source: {
+      ...config.source,
       alias: {
+        ...config.source?.alias,
         '@storybook/react': absPath('@storybook/react'),
       },
     },

packages/toolkit/utils/package.json

@@ -24,7 +24,7 @@
   "exports": {
     ".": {
       "jsnext:source": "./src/index.ts",
-      "types": "./dist/index.d.ts",
+      "types": "./dist/types/index.d.ts",
       "default": "./dist/cjs/index.js"
     },
     "./logger": {