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 標準和實踐。