Javascript 创建react库的最佳方法

不久前，我用html/css/jquery创建了一个前端框架，用于使用bootstrap之类的类为我的公司创建仪表板（非常完整）

只是，我公司的新项目将在react中完成，我需要调整一切。我想简单地将SCS作为几个链接文件导入，并简单地通过状态react调整jQuery的某些部分来使用它，特别是对于导航栏和标题的onHover

这个解决方案是非常临时的，因为它意味着每次复制/粘贴scss文件夹都不是很好，我的最终目标是拥有一个react组件库，您可以通过简单的npm安装导入这些组件，如react bootstrap：

<Button {props} />

<Navbar>
  <Navbar.Brand.../>
</Navbar>

还可以使用网格和库的css中定义的“简单”类：

<div className="col-6">
   <div className="card">
   </div>
<div>

我的解释可能不是很清楚，但基本上我想创建/使用lib的主要组件，并使用lib的scss类。。。

---

这可能吗？如果是这样的话，最合适的解决方案是什么？我知道我正在考虑用storybook创建一个库…

我和你一样，我创建了一组组件，我在一个项目中使用了这些组件，需要在其他项目中使用，而无需复制和粘贴。到目前为止，我找到的最好的解决办法是。这并不容易，而且有一个很大的学习曲线，但在我花了一些时间之后，我能够得到你想要的结果，并拥有我自己的私人npm包，我的团队可以在项目上安装，而无需复制和粘贴。因为你想在今年五月使用故事书。

我遇到了一个类似的用例。 您可以使用npm包

这将减少您的工作量。只需专注于编写组件/SCS，同时使用软件包提供的测试应用程序检查dist

---

它工作得很好

好的，我不知道，我会努力找出答案，非常感谢。我已经很快地查看了react create library，但我遇到了一些问题，特别是编译成css的SCS在类中有前缀，所以我不知道我是否可以单独使用它们。你可以使用PostCs，也可以将模块之类的规则定义为false。