加入直播会议:周四,美国东部时间上午 11 点,Storybook 9 发布会 & AMA
文档
Storybook Docs

Storybook 插件

Storybook 的一个关键优势在于其可扩展性。使用插件来扩展和定制 Storybook,以适应团队的开发工作流程。

插件是 Storybook 工作方式不可或缺的一部分。Storybook 的许多核心功能都是作为插件实现的,例如 addon-docs

插件功能

插件对 Storybook 最明显的影响是 Storybook 自身的 UI。在 UI 中,工具栏插件面板是插件主要出现的两个地方。

Storybook addons locations

插件还可以通过注入自己的 装饰器来钩入故事在预览窗格中的渲染过程。

最后,插件可以通过注入自己的 webpack 配置来影响 Storybook 的构建设置,从而允许在 Storybook 中使用其他工具。仅执行此操作的插件通常被称为预设

核心和社区插件

Storybook 插件种类繁多,但大致可分为两大类

  • 核心插件由核心团队开发。它们与 Storybook 自身的开发保持同步,并以惯用的方式编写,作为其他插件的模板。可以在Storybook monorepo中找到它们。
  • 社区插件由庞大的 Storybook 社区编写。它们可以在我们的网站GitHubnpm上找到。