您是否使用 Storybook 作为单独的存储库?

Nes*_*sie 5 frontend storybook nextjs-storybook

我是一名大三学生,我想开始在我的 Next.JS 个人项目中使用 Storybook。我以前从未使用过它,我发现的所有示例基本上都是设计库,例如整个公司用于多个项目的库。

我的问题是,如果我只将 Storybook 用于一个项目/一个存储库,我应该:

  1. 将其作为 devDependency 安装(因此它不会影响构建?)并在该项目中运行它
  2. 或者仅在移动组件的地方为 Storybook 创建新的存储库,然后将它们导入回原始项目?

对我来说,取出我的组件只是将它们重新导入并保持两个存储库同时更新和运行,这听起来不是很有效。

我试图找到(未成功)一个开源/公共项目,该项目在自己的存储库中使用 Storybook作为 devDependency 以供参考!不过我只找到了大的、独立的图书馆。所有教程都会创建一个名为“故事书示例”之类的新项目,因此这也没有帮助。

先感谢您!

小智 3

我们使用 Storybook 作为单独的 git 存储库,并拥有自己的历史记录。“主项目”位于另一个/单独的存储库中,其中 git“故事书存储库”作为(独立)子模块。

您可以在“主”存储库上独立更新子模块(添加新版本的组件等)。主 git 存储库与子模块中的“最后”提交有关(标准 git 子模块行为),因此在更新子模块存储库(并推送)后,您必须将此引用提交到主存储库中的子模块(这是标准提交)。

它使我们能够在故事书组件上工作,而不会与主项目中的“提交”造成任何损害和混淆。

它位于 Drupal 中,因此我们必须使用子模块,因为主题目录(带有故事书)位于主文件夹结构(存储库)内。

希望能帮助到你 :)。