文档
Storybook 文档

Storybook 插件

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

插件是 Storybook 工作方式不可或缺的一部分。Storybook 的许多核心功能都是作为插件实现的!这些插件随 基本功能 一起开箱即用。

插件功能

插件对 Storybook 影响最明显的地方是 Storybook 本身的用户界面。在 UI 中,**工具栏**和**插件面板**是插件将显示的两个主要位置。

Storybook addons locations

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

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

基本、核心和社区插件

Storybook 插件有很多,但它们大致可以分为三个类别

  • **基本**插件是由核心团队开发的插件,被认为是开箱即用用户体验的一部分。这些插件在新的 Storybook 安装中默认提供。
  • **核心**插件由核心团队开发。它们与 Storybook 本身的开发保持同步,并以惯用的方式编写,作为其他插件的模板。它们可以在 Storybook 单仓库 中找到。
  • **社区**插件是由庞大的 Storybook 社区编写的插件。它们可以在我们的 网站GitHubnpm 上找到。