如何将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