使用Babel编译依赖的JavaScript

如何使用babel-cli模块编译具有所有必需依赖项的ES6 JS代码？ 例如。

我有下一个项目结构：

 /lib /packageA /node_modules - package.json - index.js /packageB /node_modules - package.json - index.js /app - index.js - package.json 

我在/app/index.js导入软件包packageA和/app/index.js ，除了在node_modules使用npm安装的软件包外，所有组件都使用ES6语法node_modules 。

我想编译/app/index.js所有的依赖关系，但不能明确提供packageA和packageBpath的简单方法。

我已经find了这个模块https://github.com/mairatma/babel-deps ，但是还有其他工具/方法/本地babel灵魂？

Answer 1

如果你用babel编译几个文件，它将连接文件。 如果你想要得到一个包含依赖关系的app/index.js中的编译文件，我会build议使用像rollup这样的东西。

如果你决定去汇总，像这样的rollup.config.js将做我想要的东西：

 import nodeResolve from 'rollup-plugin-node-resolve'; import babel from 'rollup-plugin-babel'; import commonjs from 'rollup-plugin-commonjs'; export default { entry: 'index.js', dest: 'app/app.js', plugins: [ babel(), nodeResolve(), commonjs()] }; 

然后运行rollup -c