Question

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

我有下一个项目结构：

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

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

我想用所有依赖项编译/app/index.js，但如果没有明确提供packageA和packageB的路径，就无法找到一种简单的方法。

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

Answer 1

如果使用public static Integer valueOf(int i) { final int offset = 128; if (i >= -128 && i <= 127) { // must cache return IntegerCache.cache[i + offset]; } return new Integer(i); }编译多个文件，它将连接文件。如果你想要的是在babel中获得包含依赖关系的编译文件，我建议使用rollup之类的东西。

如果您决定使用汇总，那么app/index.js这样的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

使用Babel编译带有依赖项的javascript

1 个答案: