Javascript 如何在npm上发布typescript组件？

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

• /dist

  为npm上的最终分发构建

• node\u模块

• /public

  我将在其中使用我的

  index.js

  在本地运行我的应用程序进行开发，并使用一个文件夹组件存储分布式组件的所有文件（仅发布组件文件夹）
• 以及其他文件，如

  .gitignore

  ，

  .npmignore

  ，

  package.json

  等等

大概是这样的：

我看过很多关于如何发布ReactJS组件的指南（花了很多时间），如：

但它们中的大多数都有如此复杂的结构（如脚本文件、babel文件、网页包…）和生成的文件，我不理解

我的想法是使用

react script

在本地运行和开发应用程序，然后运行

tsc

编译要构建的组件。我认为我不需要创建react应用程序/库、babel或webpack来发布react组件-如果它们是必要的，为什么我们需要它们？我只是觉得应该可以简单轻松地完成这项工作，就像把tsx文件编译成js一样

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

---

提前谢谢

我认为你混淆了源代码和发布的内容。如果您使用的是TypeScript之类的东西，那么您的repo可能不包含包内容，您将拥有原始源代码和配置，然后包将在发布时生成；例如，请参阅my package，其中lib（安装时得到的）不在repo中。我会问同样的问题：）。有什么消息吗？