如何将 jsx 文件发布到 npm?

How to publish a jsx file to npm?

我只想发布一个react组件到npm,结果发现好难。该文件很简单,但使用 es6 语法。将它发布到 npm 的步骤或解决方案是什么,这样我们就可以安装并 运行 它与本地安装的反应?我已经阅读了这篇文章http://chadly.net/2015/04/publishing-react-to-npm/,但它似乎已经过时了,我未能遵循它。

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

将所有源文件放在一个文件夹中,例如src 并安装 babel and add build entry to your npm scripts(包。json/scripts):"build": "babel --out-dir=lib src"

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

当然你可以添加 build 脚本到 npm 钩子,例如 "prepublish": "npm run build" 或类似的,

我写了一篇完整的 Medium 故事,因为我遇到了和你一样的问题,但没有相关信息。检查一下:https://medium.com/@BrodaNoel/how-to-create-a-react-component-and-publish-it-in-npm-668ad7d363ce