如何将jsx文件发布到npm？

Question

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

Answer 1

使用babel-cli将文件转储到es5并发布该文件。

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

没有你每次打电话npm run build。传输的代码将在lib文件夹中。在你index.js参考这个lib文件夹文件夹。

当然你也可以添加build脚本NPM挂钩，如"prepublish": "npm run build"或相似，

Answer 2

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