框架
(必需)
类型: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>