使用Storybook构建UI库

问题描述 投票:0回答:1

我正在为我的组织建立一个UI库,我在lib的package.json中使用material-ui作为对等依赖项。我想添加故事书,以便为要构建的组件提供一个游乐场,但问题是:我的库是基于Material-ui构建的,正如我上面所说的,它是同级依赖项,而Storybook找不到Material-ui,因为这是项目的对等依赖项。

我该如何处理?

讲故事的书没有找到material-ui,因为应该将其安装在将要使用我的ui-lib的宿主项目中,这很有意义。将材料安装为依赖项不是这种情况,因为无论实现lib的人都会破坏它。我试图了解有关Lerna项目的信息,但是我对此并不十分熟悉。

我很乐意听到任何想法:)

reactjs material-ui storybook lib
1个回答
0
投票

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

我将@ material-ui作为dev依赖项和对等依赖项都添加到我的package.json中,并在将其添加到aws管道时将其从Docker文件的dev依赖项中删除。因此,在编码时,我们有@ material-ui,但在产品环境中则不存在。

为我解决了问题:)

我也可以在“ npm发布”之前执行“ npm卸载@ material-ui”

© www.soinside.com 2019 - 2024. All rights reserved.