要点
Storybook essentials 是一套工具,可帮助你在 Storybook 中构建、测试和文档化组件。它包括以下内容:
配置
Essentials 是“零配置”的。它自带推荐的开箱即用配置。
上述许多功能可以通过 参数 进行配置。更多详情请参阅每个功能(上方已链接)的文档。
禁用功能
如果你需要禁用任何 essential 功能,可以通过修改你的 .storybook/main.js|ts
文件来完成。
例如,如果你想禁用 背景功能,你可以在 Storybook 配置中应用以下更改:
.storybook/main.ts
// Replace your-framework with the framework you are using, e.g. react-vite, nextjs, vue3-vite, etc.
import type { StorybookConfig } from '@storybook/your-framework';
const config: StorybookConfig = {
framework: '@storybook/your-framework',
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
features: {
backgrounds: false, // 👈 disable the backgrounds feature
},
};
export default config;
你可以为每个独立功能使用以下键:actions
, backgrounds
, controls
, highlight
, measure
, outline
, toolbars
和 viewport
。