Essentials

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。