Babel 6 修改后的默认导出行为：从方便到语义一致性的转变

在一项突破性的改变中，Babel 6 修改了其方法导出默认值，引入从之前受 CommonJS 启发的行为到严格的 ES6 原则的转变。这一变化给开发者带来了机遇和挑战。

此前，Babel 在默认导出声明中添加了一行“module.exports = Exports['default']”，允许开发者通过“require( './foo')" 直接。然而，在 Babel 6 中，这种做法已经停止。现在，访问默认导出需要显式命名约定：“require('./foo').default”。

影响和解决方法

此更改创建了需要在依赖先前行为的项目中进行代码修改。虽然在许多情况下采用 ES6 导入/导出语法是可取的，但某些遗留代码可能需要替代解决方案。

为了保留旧功能而不需要手动修复，可以使用“babel-plugin-add-module-导出”插件。该插件重新插入“module.exports = Exports['default']”行，模拟 Babel 6 之前的导出机制。

或者，遇到命名导出在 ES6 中行为不同的问题的开发人员可以显式导出非默认导出以防止模块对象覆盖。

示例：

输入：

const foo = {}
export default foo

用 Babel 5 输出:

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
var foo = {};
exports["default"] = foo;
module.exports = exports["default"];

使用 Babel 6（和 es2015 插件）输出：

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
var foo = {};
exports["default"] = foo;

结论

Babel 6 修改后的默认导出行为确保遵守 ES6 语义，促进一致性并避免混淆。虽然它需要一些代码调整，但它最终有助于采用现代 JavaScript 标准和实践。