SuperAPI AI 工具集

storybook-rsbuild

通用与其它

查看项目

更新于 10-15 23:24

技能介绍

用途:在 Rsbuild 上搭建 Storybook,或将已有 Storybook 迁移到 Rsbuild,并处理 rsbuildFinal 配置以及与 Rslib、Modern.js、Rspack 的集成。版本兼容表、包名、安装命令和配置转换模式以上游文档 storybook.rsbuild.rs 为唯一来源,不从模型记忆推断版本锁定或包名。

主要能力:识别当前 Storybook 状态(未安装、已用 storybook-*-rsbuild、使用非 Rsbuild 构建器);按生态信号选择集成指南(@rslib/core 对应 Rslib,@modern-js/app-tools 对应 Modern.js,仅有 @rspack/core 对应纯 Rspack);按 UI 框架选择对应框架包(React 用 storybook-react-rsbuild,Vue 3 用 storybook-vue3-rsbuild,Vanilla 用 storybook-html-rsbuild,Web Components 用 storybook-web-components-rsbuild,React Native Web 用 storybook-react-native-web-rsbuild);迁移时保留并转换 addon,不静默丢弃。

使用方式:新项目先检测生态与 UI 框架,按框架指南安装最新稳定 storybook 主版本及匹配的 storybook-<framework>-rsbuild 主版本,并将 @rsbuild/core 直接加入 devDependencies;迁移分两阶段,Phase A 安装新框架包并更新配置,保留旧包与旧 webpackFinal/viteFinal 作为回滚路径,Verification 通过后在同一任务内完成 Phase B 清理:移除旧框架包、旧构建器包、旧 webpackFinal/viteFinal 块及无用依赖,并重新执行安装命令。配置 rsbuildFinal、构建器选项、TypeScript 等参见配置指南。

适用场景:单仓库中托管 stories 的包,或存在多个 .storybook 目录时由 package.json 脚本引用的目录;需保留 TS 路径别名。

限制:每个框架指南的 Requirements 表才是版本锁定的权威来源;不得从代码片段推断版本;monorepo 中只改托管 stories 的包,不改业务源码;缓存问题可删除 node_modules/.cache/storybook 重试;本资料未提供具体价格、收费或效果数据。