@takuma-ru/auto-story-generator

描述

从 React、Vue 和 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	📝