framework

(必填)

類型：FrameworkName | { name: FrameworkName; options?: FrameworkOptions }

根據一組框架特定的設定來配置 Storybook。

.storybook/main.ts

// Replace react-vite with the framework you are using (e.g., react-webpack5)
import type { StorybookConfig } from '@storybook/react-vite';
 
const config: StorybookConfig = {
  framework: {
    name: '@storybook/react-vite',
    options: {
      legacyRootApi: true,
    },
  },
  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
};
 
export default config;

`name`

類型：string

如需可用的框架及其選項，請參閱它們各自的文件。

`options`

類型：Record<string, any>

雖然許多選項是框架特定的，但有些選項在某些框架之間是共用的，例如，那些配置 Storybook 建置工具的選項。

`options.builder`

類型：Record<string, any>

配置 Storybook 的建置工具，Vite 或 Webpack。