@takuma-ru/auto-story-generator
描述
从 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 | 📝 |
自定义 | 📝 |