文件
Storybook 文件

Storybook 擴充功能

Storybook 的主要優勢在於其可擴展性。使用擴充功能來擴展和自訂 Storybook,以符合您團隊的開發工作流程。

擴充功能是 Storybook 運作方式不可或缺的一部分。Storybook 的許多核心功能都是以擴充功能的形式實作的!這些擴充功能與基本功能一起預先安裝。

擴充功能特色

擴充功能在 Storybook 中最明顯影響的是 Storybook 本身的 UI。在 UI 中,工具列擴充功能面板是擴充功能會出現的兩個主要位置。

Storybook addons locations

擴充功能也可以透過注入它們自己的裝飾器來連結到預覽窗格中 story 的呈現。

最後,擴充功能可以透過注入它們自己的 webpack 設定來影響 Storybook 的建置設定,以允許在 Storybook 中使用其他工具。僅執行此操作的擴充功能通常被稱為預設設定

基本、核心和社群擴充功能

有許多 Storybook 擴充功能,但它們大致可以分為三個區域

  • 基本擴充功能是由核心團隊開發的擴充功能,被視為開箱即用使用者體驗的一部分。這些擴充功能會在新的 Storybook 安裝中預設隨附。
  • 核心擴充功能是由核心團隊開發的。它們與 Storybook 本身的開發保持同步,並以慣用的方式撰寫,作為其他擴充功能的範本。它們可以在Storybook monorepo中找到。
  • 社群擴充功能是由龐大的 Storybook 社群撰寫的擴充功能。它們可以在我們的網站GitHubnpm上找到。