Babel 6更改了导出默认值的方式

Question

之前，babel会添加module.exports = exports["default"]这一行。它不再这样做了。在我能做之前，这意味着什么：

var foo = require('./foo');
// use foo

现在我必须这样做：

var foo = require('./foo').default;
// use foo

这不是什么大不了的事（我猜它应该一直都是这样）。问题是我有很多代码依赖于以前的工作方式（我可以将大部分代码转换为ES6导入，但不是全部转换）。任何人都可以给我提示如何使旧的方式工作，而不必通过我的项目并解决这个问题（甚至一些关于如何编写codemod来做这个的说明将是非常光滑的）。

谢谢！

例：

输入：

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;

请注意，输出中唯一的区别是module.exports = exports["default"]。

---

Edit

您可能对我在解决我的具体问题后撰写的这篇博文感兴趣：qazxsw poi

Answer 1

你也可以使用Misunderstanding ES6 Modules, Upgrading Babel, Tears, and a Solution来恢复旧的this plugin行为。

Answer 2

如果你想要CommonJS导出行为，你需要直接使用CommonJS（或者在另一个答案中使用插件）。此行为已被删除，因为它导致混淆并导致无效的ES6语义，有些人依赖于这种语义，例如

export

然后

export default {
  a: 'foo'
};

这是无效的ES6，但由于您正在描述的CommonJS互操作性行为而起作用。不幸的是，支持这两种情况是不可能的，并且允许人们编写无效的ES6是一个比让你做import {a} from './foo'; 更糟糕的问题。

另一个问题是，如果用户将来添加了一个命名导出，那么用户就会出乎意料

.default

然后

export default 4;

但

require('./mod');
// 4

然后

export default 4;
export var foo = 5;

Answer 3

对于图书馆作者，您可以解决此问题。

我通常有一个入口点，

require('./mod')
// {'default': 4, foo: 5}

，这是我从index.js的主要字段指向的文件。它只会重新导出lib的实际入口点：

package.json

要解决babel问题，我将其更改为export { default } from "./components/MyComponent"; 语句，然后将默认值分配给import：

module.exports

我的所有其他文件都保留为纯ES6模块，没有解决方法。所以只有入口点需要稍微改变:)

这将适用于commonjs需求，也适用于ES6导入，因为babel似乎没有丢弃反向互操作（commonjs - > es6）。 Babel注入以下函数来修补commonjs：

import MyComponent from "./components/MyComponent";
module.exports = MyComponent;

我花了好几个小时与此作斗争，所以我希望这可以节省别人的努力！

Answer 4

我遇到过这样的问题。这是我的解决方案：

//双人床/arithmetic.就是

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 

//双人床/卖弄.就是

export var operations = {
  add: function (a, b) {
      return a + b;
  },

  subtract: function (a, b) {
      return a - b;
  }
};