reactjs - 如何将 jsx 文件发布到 npm？

Question

我只是想向 npm 发布一个 react 组件，但发现它太难了。该文件很简单，但使用 es6 语法。将它发布到 npm 以便我们可以使用本地安装的 react 安装和运行它的步骤或解决方案是什么？我已经阅读了这篇文章http://chadly.net/2015/04/publishing-react-to-npm/，但它似乎已经过时了，我没有遵循它。

Answer 1

使用 babel-cli 将文件转换为 es5 并发布该文件。

将所有源文件放在一个文件夹中，例如src安装babel并将build条目添加到您的npm 脚本（package.json/scripts）"build": "babel --out-dir=lib src"：。

每次打电话都不行npm run build。转换后的代码将在lib文件夹中。在你index.js指的是这个lib文件夹文件夹。

当然，您可以将build脚本添加到 npm 钩子中，例如"prepublish": "npm run build"或类似的，

Answer 2

我写了一个完整的 Medium 故事，因为我和你有同样的问题，但没有关于它的信息。看看：https ://medium.com/@BrodaNoel/how-to-create-a-react-component-and-publish-it-in-npm-668ad7d363ce