为多个项目设置通用的Storybook.js

Question

我们有一些React项目，我们想设置一个通用的Storybook并为该Storybook重用组件。

我们有想法，要发布一个npm包并在需要的时候加入我们的react项目。

但是我可以在Internet上找到解决方案，您有一些建议吗？

非常感谢

Answer 1

实际上，我们目前正在研究类似的解决方案。

有些链接可以为您提供帮助

1. https://medium.com/@justintulk/how-to-turn-your-reusable-react-components-into-an-external-dependency-part-1-ae29b4d4e5
2. https://medium.com/@deividas.karzinauskas/sharing-react-components-across-our-react-apps-4e1245fe5433
3. https://blog.hichroma.com/how-packaging-makes-it-dead-simple-to-share-ui-components-29912593539d

主要解决方案看起来像您必须将每个组件打包到一个私有（或公共-由您自己决定）包中。这是正确版本控制所必需的。否则，您可以在更改其他项目后破坏其他项目中的组件实现。

之后，将包添加到单个StoryBook项目中将使您拥有一个不错的组件库。