Storybook 附加组件变更日志查看器

在 Storybook UI 中显示变更日志文件 - 由 ❤️ 制造 Dave Bitter

使用此附加组件需要 Storybook v7.0.0 或更高版本

使用方法

1. 安装附加组件

   npm install storybook-addon-changelog-viewer --save
   

   yarn add storybook-addon-changelog-viewer --save
   

2. 在 .storybook/main.js 中加载附加组件

   module.exports = {
     // other configuration here
     addons: [
       // other addons here.
       "storybook-addon-changelog-viewer",
     ],
   };
   

3. 在故事中导入变更日志文件并将其传递给 changelog 参数

   import changelog from "./CHANGELOG.md";
   
   export default {
     title: "Your Component",
     parameters: {
       changelog: changelog,
     },
   };
   

4. 在 Storybook UI 中查看变更日志。应该有一个名为“变更日志”的新选项卡

特性

• 在 Storybook UI 中查看变更日志文件
• 将 Markdown 渲染为 HTML
• 自动生成一个导航，其中包含指向所有带有语义版本字符串的标题的链接（例如，“## 1.0.0 - 2022-06-30”）

动机

此附加组件是为了更轻松地在 Storybook UI 中查看变更日志文件而创建的。自 Storybook v7.0.0 起，Storybook 附加组件笔记 不再起作用，因此创建了此附加组件。