Storybook 擴充套件程式碼預覽

這個 Storybook 擴充套件可讓您預覽 Storybook 元件的 js|js|ts|tsx|css 檔案。它使用自訂 Webpack 設定和載入器，並為所有位於 components 資料夾下的檔案新增一個預覽標籤。

• 📝 輕鬆存取 story/元件程式碼
• ⚛️ 已存取元件的歷史記錄
• 📦 還有更多功能即將推出

開始使用

安裝

首先從 npm 安裝擴充套件

npm i --save-dev storybook-addon-code-preview
# or
yarn add --dev storybook-addon-code-preview

然後將以下內容新增至您的 .storybook/main.js

module.exports = {
  addons: ['storybook-addon-code-preview']
};

註冊擴充套件後，您就可以開始使用了 🚀