Storybook 擴充功能

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

擴充功能是 Storybook 運作方式不可或缺的一部分。 Storybook 的許多核心功能都是以擴充功能的形式實現的！ 這些擴充功能在安裝 essentials 時已預先安裝。

擴充功能特色

擴充功能在 Storybook 中最明顯的影響是 Storybook 本身的使用者介面。 在使用者介面中，工具列和擴充功能面板是擴充功能出現的兩個主要位置。

擴充功能還可以透過注入自己的 decorators，掛鉤到預覽窗格中 story 的渲染。

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

必要的、核心和社群擴充功能

Storybook 擴充功能非常多，但它們大致可以分為三個領域

• 必要的擴充功能是由核心團隊開發的擴充功能，被認為是開箱即用使用者體驗的一部分。 這些預設隨新的 Storybook 安裝一起提供。
• 核心擴充功能由核心團隊開發。 它們與 Storybook 本身的開發保持同步，並以慣用的方式編寫，作為其他擴充功能的範本。 它們可以在 Storybook monorepo 中找到。
• 社群擴充功能是由龐大的 Storybook 社群編寫的擴充功能。 它們可以在我們的網站、GitHub 和 npm 上找到。