Storybook 插件
Storybook 的一个主要优势是其可扩展性。使用插件来扩展和自定义 Storybook,使其适应您团队的开发工作流程。
插件是 Storybook 工作方式不可或缺的一部分。Storybook 的许多核心功能都是作为插件实现的!这些插件与 essentials 一起开箱即用安装。
插件功能
插件在 Storybook 中最明显的影响是 Storybook 本身的 UI。在 UI 中,工具栏和插件面板是插件出现的主要位置。
插件还可以通过注入自己的 decorators 来hook到预览窗格中 story 的渲染过程。
最后,插件可以通过注入自己的 webpack 配置来影响 Storybook 的构建设置,从而允许在 Storybook 中使用其他工具。仅执行此操作的插件通常被称为 presets。
必备、核心和社区插件
Storybook 插件非常多,但它们可以大致分为三个领域
- 必备 插件是由核心团队开发的插件,被认为是开箱即用用户体验的一部分。这些插件在新安装的 Storybook 中默认提供。
- 核心 插件由核心团队开发。它们与 Storybook 本身的发展保持同步,并以惯用的方式编写,作为其他插件的模板。它们可以在 Storybook monorepo 中找到。
- 社区 插件是由庞大的 Storybook 社区编写的插件。它们可以在我们的 网站、GitHub 和 npm 上找到。