不需要（）Babel 6.x中的默认导出值

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

你必须用

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

说明

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转换的模块兼容（就像您所做的那样）。这也不一致。如果模块同时包含命名和默认导出，则不能使用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这个模块，你需要做

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