[跟踪]: @storybook/angular-vite 框架

创建 @ storybook/ angular- vite 框架

□ 概览

采用新的 " 故事本 " / " angular-vite " 框架软件包,使用Vite而不是Webpack,为现有的以 " 故事本 " / " angular " 软件包提供现代替代品。 这将使使用Vite/Analog的Angular项目采用《故事书》,同时消除对网络包装依赖的需要。

□动机

• 现有的 " 故事本 " / " 方格 " 软件包严重依赖Webpack和Angular 建筑商,这增加了大量的间接费用。 新的框架应当提供与网络包装特定逻辑的清晰断开
• Angular社区要求正式的Vite解决方案
• 被曝光的Angular Webpack API处于维护模式并被认为是遗产. Angular Core团队可能在未来的主要Angular版本中随时放弃.

□ 目标

1. 创建官方维护的 " 故事本/视频 " 软件包
2. 消除新框架中的网络配套依赖
3. 无缝地融入故事书的CLI生态系统
4. 建立综合测试和CI/CD支持
5. 为Angular开发者提供明确的迁移路径和文件

□ 范围:执行任务

第一阶段:框架软件包的创建

• 在“代码/框架/”中创建新的“故事本/方形视频”软件包
• 从 " 故事本/方格 " 复制并重构渲染器逻辑(清理断开方法)
• 取消所有特定网页包的依赖性
• 更新 Vite 的构建配置
• 选择:确保测试API集成(来自#31311)

第二阶段:CLI一体化

• 在故事书CLI中增加 " 故事本/方形视频 " 作为脚手架选项(将其标为 " 正在审查 " )
• 更新 CLI 提示,既提供网络包又提供Vite变体
• 为CLI创建安装模板
• 使用 Vite 为新的 Angular 项目设置默认框架选项

• 第3阶段:测试和CI/CD

• 在故事本-沙盒中创建`angular-vite/default-ts' sandbox模板
• 确保为新框架启用E2E测试
• 对沙盒进行色谱测试
• 在 CI 管道中包括持续验证

第4阶段:文件

• 网页包和Vite变体之间的文档框架差异
• 创建从 " 故事本/方言 " 到 " 故事本/方言视频 " 的移徙指南
• [ ]更新框架支助矩阵
• Vite 方法特有的文档设置和配置
• 注意行为差异(Angular buildingers vs. Storybook CLI dev/building) – 说明行为差异 :
• 修复框架页面( 添加 angular vite, 在 SB11 之前保持模拟, 但是在代码中添加折旧通知, 这样我们就可以找到它)

• 第5阶段:维护战略 -- -- 在 " 故事本/数字视频 " 确立为默认

• 将 " 故事本/方格 " 归类为遗产(没有新的特性,只修正关键错误)
• [ 在 " 故事本/方言 " 文档中添加折旧通知
• 建立网络包装变体的支持时间表
• 澄清关系 . . . . . . .