使用 Storybook 构建 UI 库

Question

我正在为我的组织构建一个 UI 库，我使用 react with material-ui 作为该库的 package.json 中的对等依赖项。我想添加 storybook 来为我正在构建的组件提供一个游乐场，但问题是：我的 lib 是基于 Material-ui 构建的，正如我上面所说，它是一个对等依赖项，而 Storybook 没有找到 material-ui 因为它是项目的对等依赖项。

我应该如何处理？

Storybook 没有找到 material-ui 是有道理的，因为它应该安装在将使用我的 ui-lib 的宿主项目中。并非将材料安装为依赖项，因为它会破坏实现该库的任何人。我试图了解有关 Lerna 项目的一些信息，但我对此不是很熟悉。

我愿意听取任何想法:)

Answer 1

我设法找到了解决此问题的方法，并希望与社区分享。这很愚蠢，但它非常适合我的情况。

我将 @material-ui 作为开发依赖项和对等依赖项添加到我的 package.json 中，并在我将其添加到 aws 管道时将其从我的 Docker 文件的开发依赖项中删除。所以在编码时我们有 @material-ui 但在 prod 环境中它不存在。

这为我解决了它:)

我也可以在“npm publish”之前执行“npm uninstall @material-ui”