SuperAPI AI 工具集

oms-storybook-react-vite

前端与建站

查看项目

更新于 10-15 19:57

技能介绍

用途:在 Storybook 10.3+ 的 React + Vite 项目中编写或修改 *.stories.tsx 与 .storybook/preview.ts,让生成的代码使用 v10 合并后的导入面,避免继续产出 @storybook/test、@storybook/preview-api 等旧路径。

主要能力:覆盖 storybook 核心包(40 个子路径)、@storybook/react-vite 框架、@storybook/react 渲染器、@storybook/builder-vite 构建器,以及 a11y、docs、themes、vitest 四个 addon。提供 CSF3 故事模板、play 交互测试、主题装饰器、preview-api 钩子、MDX 文档块与 composeStories 可移植故事等写法。

必要用法:先做预检,读取 .storybook/main.ts、.storybook/preview.ts 与 package.json 中的版本;若 storybook 依赖低于 10.0.0 则停止,因为下述写法不适用。核心导入改写为 storybook/test、storybook/preview-api、storybook/theming 等无 @ 前缀路径。验证可运行 npm run storybook 打开 http://localhost:6006,CI 用 npm run test-storybook(需在 main.ts 配置 addon-vitest)。

适用场景:已有 Storybook 10.3+ React+Vite 项目的日常故事编写与迁移修正。

限制:不是安装或初始化指南,首次搭建由官方 CLI 覆盖;未提供具体收费、价格与平台信息。