Storybook 插件：依赖树

概述

Storybook Dependency Tree 是一个 Storybook 插件，它以树状视图可视化每个 story 的依赖层级。这个工具帮助开发者更好地理解和导航与其 story 相关的依赖和被依赖项，从而使开发过程更高效。

注意：此项目正在进行中，并积极开发。

特性

• 可视化依赖映射：自动加载并显示当前打开的 story 的所有依赖项，提供清晰且结构化的视图，类似于 storybook-addon-deps。
• 被依赖项可视化：除了依赖项，此插件还显示所有被依赖项，帮助您查看哪些组件依赖于当前的 story。
• 无缝集成：与 Storybook 平滑集成，增强您的开发工作流程。
• 运行时执行：在运行时运行，无需任何额外命令。
• 零配置：无需任何配置即可开始使用。

依赖

• 依赖加载：由 node-dependency-tree 提供支持，用于准确映射和加载依赖项。
• 树状视图：利用 MUI X 提供健壮且交互式的树状视图体验。

安装

要安装此插件，请在您的项目目录中运行以下命令

npm i storybook-dependency-tree

安装后，将 'storybook-dependency-tree' 添加到主 Storybook 配置文件（例如 main.js）中的 addons 属性中

  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
  addons: [
    ...
    "storybook-dependency-tree",
  ],