构建/发布具有相同文件夹分布的React组件库

Question

我正在尝试为我的小型应用程序创建自定义 UI 库组件。

首先，我学习了如何使用bite创建React应用程序，然后构建可重用的React UI组件，接下来如何创建构建并发布到npm。

在生成的 npm dist 中，我看到所有组件都放入一个 .js 文件中。

如何为每个组件创建单个文件，并保持文件的分布不变。

我注意到有很多库正在做我想做的事情，例如 MUI、PrimeReact 等。

例如，这是我生成的构建 dist 文件：

我的目标是像这样构造最终版本：

可维护且易于阅读和导航。

这里是我的 GitHub 存储库，如果你想查看的话。

Answer 1

我在Lerna图书馆找到了答案。

Lerna 是一个快速、现代的构建系统，用于管理和发布来自同一存储库的多个 JavaScript/TypeScript 包。