You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何禁用Storybook 7中每个Story下自动生成的Docs页面?

解决Storybook 7禁用自动文档的问题

在Storybook 7中,原有的docs: { autodocs: false }配置已不再生效,你需要调整配置位置来全局禁用自动生成的Docs页面:

  1. 打开你的.storybook/main.js(或.storybook/main.ts)文件
  2. 在配置对象中直接添加autodocs: false属性,示例如下:
export default {
  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
  addons: [
    '@storybook/addon-links',
    '@storybook/addon-essentials',
  ],
  autodocs: false, // 关键配置:全局禁用自动文档
};

如果只是想针对单个组件禁用自动文档,可以在该组件的stories文件中添加参数配置:

export default {
  title: 'Components/Button',
  component: Button,
  parameters: {
    docs: {
      autodocs: false, // 仅对当前组件禁用自动文档
    },
  },
};

注意:即使项目中保留了@storybook/addon-docs插件,上述配置依然有效,设置后会关闭自动生成的Docs页面,同时保留你自定义的MDX内容。

内容的提问来源于stack exchange,提问作者stan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.19 15:12:00