框架

(**必填**)

类型: 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。