如何使用Babel将多个依赖于彼此的javascript文件编译成一个单独的输出文件?

时间:2017-10-07 12:43:12

标签: javascript ecmascript-6 babeljs

我有以下两个简单的Javascript文件:

lib.js

export function increment(x) {
    return x + 1;
}

main.js

import {increment} from "./lib";
console.log(increment(1));

正如您可以看到main.js导入lib.js以使用increment函数,此处使用了ES6模块语法。

我想知道是否有办法使用Babel 将这两个文件编译成单个输出文件? 鉴于我使用以下.babelrc

{
    "presets": ["env"],
    "plugins": ["transform-es2015-modules-commonjs"]
}

我已经能够使用以下命令编译文件:babel lib.js main.js产生以下内容:

"use strict";

Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.inc = inc;
function inc(x) {
    return x + 1;
}
"use strict";

var _lib = require("./lib");

console.log(lib.inc(1));

生成的代码似乎依赖于require库以及文件是分开的(不连接)。

我想要的是以下内容:

"use strict";

function inc(x) {
    return x + 1;
}

console.log(inc(1));

这是否受巴贝尔的支持?

0 个答案:

没有答案