如何将 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
我只想发布一个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