寻找在故事书中显示我图书馆版本的简单方法

Question

我正在尝试将项目的当前版本（基本上是version来自的字段package.json）添加到故事书，以便故事书的消费者可以知道他们正在查看项目的哪个版本。但是，我发现这样做非常困难，我无法在配置文件中找到方法，也没有看到任何只会显示项目当前版本的插件（除了一个更多地用于展示组件如何随着版本而变化，这并不是我真正想要的）。

package.json在 js 文件中要求文件并从那里获取版本很容易，但是在允许您向标题/侧边栏发送任何附加信息方面，故事书似乎非常锁定。

以前有人做过这样的事情吗？对于如何做到这一点的任何想法或理论，我将不胜感激。谢谢！

Answer 1

故事书6

我终于在文档文件中使用组件title的属性找到了一个“还不错”的解决方案：Meta.mdx

import pkg from '../package.json'
import { Meta } from '@storybook/addon-docs/blocks'

<Meta title={`Docs ${pkg.version}/Migration Guide`} />

故事书7

这不再起作用，故事标题已变为可选，现在仅支持字符串文字：请参阅迁移指南

Answer 2

也对这个问题很感兴趣。我已经添加brandTitle到.storybook/manager.js喜欢

import { version } from "../package.json";
addons.setConfig({
   theme: create({
       base: "light",
       brandTitle: `My components v.${version}`
   }),
});

主题文档