在 Babel 6.x 中不能 require() 默认导出值

Question

在 Babel 5.x 中，我可以编写如下代码：

app.js

export default function (){}

index.js

require('babel/register');
require('./app')();

然后，我可以毫无错误地运行node index.js。但是，使用 Babel 6.x，运行以下代码

index.es6.js

require('babel-core/register');
require('./app')();

导致错误

require(...) 不是函数

我想知道为什么？

Answer 1

TL;DR

你必须使用

const app = require('./app').default;
app();

说明

Babel 5 曾经对export default 进行了兼容性破解：如果一个模块只包含一个导出，并且它是默认导出，则它被分配给module.exports。因此，例如，您的模块 app.js

export default function () {}

会被转译成这个

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

exports["default"] = function () {};

module.exports = exports["default"];

这样做纯粹是为了与require-ing Babel-transpiled 模块兼容（就像你正在做的那样）。它也不一致；如果一个模块同时包含命名导出和默认导出，则它不能是require-d。

实际上，根据 ES6 模块规范，默认导出与名称为 default 的命名导出没有什么不同。它只是语法糖，可以在编译时静态解析，所以这个

import something from './app';

和这个一样

import { default as something } from './app';

话虽如此，Babel 6 似乎决定在转译模块时放弃互操作性黑客。现在，您的模块 app.js 被转译为

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

exports.default = function () {};

如您所见，不再分配给module.exports。要require这个模块，你需要做的

const app = require('./app').default;
app();

或者，更简洁，更接近您的原始代码：

require('./app').default();

Answer 2

只是为了跟进上面的正确答案。

如果你想使用babel@5的默认导出行为，你可以试试babel-plugin-add-module-exports插件。

对我来说效果很好。

Answer 3

如果这不起作用

require('./app').default()

使用

require('./app').default

最后没有函数调用。