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

时间:2016-12-22 04:28:28

标签: reactjs npm webpack ecmascript-6 browserify

我写了一些反应组件。

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

  • 组件/ A.js
  • 组件/ Button.js

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

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

我想创建一个npm包。

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

我不想要单个输出文件。

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

1 个答案:

答案 0 :(得分:2)

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

所以你需要的只是:

babel components --out-dir dist

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

将它发布到NPM

"main": "dist"

package.json

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

时,将ES6编译为ES5