如何在npm上发布打字稿ReactJS组件？

如何解决如何在npm上发布打字稿ReactJS组件？

我想用Typescript制作一个新的ReactJS组件并将其发布在npm上。我的想法是只有一个项目文件夹，其中包含：

/dist构建以在npm上进行最终分发
node_modules
/public，其中我将index.js出于开发目的在本地运行我的应用程序，并使用一个文件夹组件来存储我的分布式组件的所有文件（仅发布组件文件夹）
以及其他文件，例如.gitignore，.npmignore，package.json等。

类似这样的东西：

我看过许多指南（花了很多时间）弄清楚如何发布ReactJS组件，例如：

但是其中大多数具有如此复杂的结构（例如脚本文件，babel文件，webpacks ..）和生成的文件，我无法理解。

我的想法是使用react-script在本地运行和开发应用程序，然后运行tsc来编译要构建的组件。我以为我不需要create-react-app / library，babel或webpack来发布react组件-如果有必要，为什么我们需要它们？我只是认为应该可以轻而易举地做到这一点-就像将tsx文件编译成js一样。

在我看来，将带有TS的ReactJS组件库发布到npm的过程似乎没有得到很好的记录。您能否提供有关如何发布React组件的步骤或一些易于理解的指南？还有所有配置（配置文件），因为我想我把它弄乱了。

谢谢！