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

问题描述

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

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

类似这样的东西:

Folder tree

我看过许多指南(花了很多时间)弄清楚如何发布ReactJS组件,例如:

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

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

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

谢谢!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)