使用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所有的依赖关系,但不能明确提供packageApackageBpath的简单方法。

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

       

网上收集的解决方案 "使用Babel编译依赖的JavaScript"

如果你用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