将多个 es6 转换为多个 es5 文件以创建 npm 包

Convert multiple es6 to multiple es5 file in order to create npm package

我写了一些react组件

我有一个包含多个文件的 ES6 文件文件夹：

我不想在我未来的项目中像这样导入它们。

 import A from 'bootstrap-styled/components/A';

我想创建一个 npm 包。

我需要使用相同的目录结构以 ES5 格式导出它们。

我一个输出文件都不要。

是否有任何现有程序可以做到这一点？

你需要在你的项目中安装 Babel（我假设它已经安装了，因为没有它你将无法在浏览器中 运行 你的 ES6。所以我省略了所有Babel 的设置，只要确保你的项目中有 babel-cli。

所以你只需要：

babel components --out-dir dist

它将编译您从 components 到 dist 的所有文件。 你可以使用

将它发布到 NPM

"main": "dist"

在你的package.json

如果您正在寻找此过程的自动化，请尝试这个样板项目 - react-cdk。 它会完全按照您的要求进行：每次 运行 npm publish

时将 ES6 编译为 ES5