如何禁用Storybook 7中每个Story下自动生成的Docs页面?
解决Storybook 7禁用自动文档的问题
在Storybook 7中,原有的docs: { autodocs: false }配置已不再生效,你需要调整配置位置来全局禁用自动生成的Docs页面:
- 打开你的
.storybook/main.js(或.storybook/main.ts)文件 - 在配置对象中直接添加
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
相关产品推荐
相关产品推荐

