加入直播:美国东部时间周四上午 11 点,Storybook 9 发布和 AMA

从 React、Vue、Angular 和 Lit 组件文件自动实时生成故事文件

在 Github 上查看

@takuma-ru/auto-story-generator

asg-thumbnail

描述

从 React、Vue、Angular 和 Lit 组件文件自动实时生成故事文件

开始使用

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 📝
自定义 📝