小编典典

不需要()Babel 6.x中的默认导出值

javascript

在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(…)不是函数

我想知道为什么吗?


阅读 330

收藏
2020-05-01

共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();
2020-05-01