Storybook 的 Github 问题

跟踪在您的仓库中针对特定组件记录的问题

入门

yarn add -D storybook-addon-github-issues

将以下内容添加到您的 .env 文件中

GITHUB_REPOSITORY=username/repo
GITHUB_TOKEN=your_auth_token

…其中 your_auth_token 是一个至少具有 repo 范围的Github 个人访问令牌。这将用于访问 Github 的 GraphQL API 以检索匹配的故事。

将 storybook-addon-github-issues 添加到 .storybook/main.js 中的 addons 列表中。

在您的 .storybook/preview.js 中

addParameters({
  issues: {
    repository: process.env.GITHUB_REPO,
    token: process.env.GITHUB_TOKEN,
  },
});

标记故事

默认情况下，问题必须具有与故事名称匹配的标签（使用连字符分隔）。例如，如果您的组件故事是 Atoms/Button，则应使用 button 标记您的问题。