使用 Storybook 构建 UI 库
Building a UI lib with Storybook
我正在为我的组织构建 ui 库,我正在使用与 material-ui 的反应作为 [= =19=] 的库。我想添加故事书为我正在构建的组件提供一个游乐场,但问题是:我的库是 Material-ui 上的 built,正如我上面所说,这是一个对等依赖关系,Storybook 找不到 material-ui 因为它是项目的对等依赖关系。
我该如何处理?
Storybook 找不到 material-ui 是有道理的,因为它应该安装在将要使用我的 ui-lib 的宿主项目中。将 material 作为依赖项安装不是这种情况,因为它会破坏任何实现该库的人。我试图了解有关 Lerna 项目的一些信息,但我对此不是很熟悉。
我愿意听取任何想法:)
我设法找到了解决此问题的方法,并想与社区分享。这很愚蠢,但它非常适合我的情况。
我将 @material-ui 作为开发依赖和对等依赖添加到我的 package.json 并在我添加时将其从我的 Docker 文件的开发依赖中删除它到aws管道。所以在编码时我们有 @material-ui 但在产品环境中它不存在。
这帮我解决了:)
我也可以在 "npm publish"
之前做 "npm uninstall @material-ui"
我正在为我的组织构建 ui 库,我正在使用与 material-ui 的反应作为 [= =19=] 的库。我想添加故事书为我正在构建的组件提供一个游乐场,但问题是:我的库是 Material-ui 上的 built,正如我上面所说,这是一个对等依赖关系,Storybook 找不到 material-ui 因为它是项目的对等依赖关系。
我该如何处理?
Storybook 找不到 material-ui 是有道理的,因为它应该安装在将要使用我的 ui-lib 的宿主项目中。将 material 作为依赖项安装不是这种情况,因为它会破坏任何实现该库的人。我试图了解有关 Lerna 项目的一些信息,但我对此不是很熟悉。
我愿意听取任何想法:)
我设法找到了解决此问题的方法,并想与社区分享。这很愚蠢,但它非常适合我的情况。
我将 @material-ui 作为开发依赖和对等依赖添加到我的 package.json 并在我添加时将其从我的 Docker 文件的开发依赖中删除它到aws管道。所以在编码时我们有 @material-ui 但在产品环境中它不存在。
这帮我解决了:)
我也可以在 "npm publish"
之前做 "npm uninstall @material-ui"