@takuma-ru/auto-story-generator

描述

從 React、Vue、Angular 和 Lit 元件檔案自動即時產生 Story 檔案

開始使用

1. 安裝套件

npm i @takuma-ru/auto-story-generator

2. 新增設定

將設定新增至 Storybook 中的 main.ts (./storybook/main.ts)

適用於 React, Vite

import type { StorybookConfig } from "@storybook/react-vite";

import { mergeConfig } from "vite";

import autoStoryGenerator from "@takuma-ru/auto-story-generator";

const config: StorybookConfig = {
  viteFinal: async (config) =>
    mergeConfig(config, {
      plugins: [
        autoStoryGenerator.vite({
          preset: "react",
          imports: ["src/components/**/*.tsx"],
        }),
      ],
    }),
};

export default config;

支援的框架

✅：已支援 🚧：開發中 ❌：不支援 📝：尚未實作

框架	支援
React	✅
Vue	🚧
Lit	✅
Angular	🚧
Svelte	📝
自訂	📝