以前は、babelが行を追加していましたmodule.exports = exports["default"]。これはもう行われません。これが意味することは、私ができる前のことです。

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

今私はこれをしなければなりません：

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

大したことではありません（そして、これはそれがずっとあったはずのことだと私は推測しています）。問題は、以前は機能していた方法に依存するコードがたくさんあることです（ほとんどのコードを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;

出力の唯一の違いがであることに注意してくださいmodule.exports = exports["default"]。

編集する

私の特定の問題を解決した後に私が書いたこのブログ投稿に興味があるかもしれません：ES6モジュールの誤解、Babel、涙、およびソリューションのアップグレード

このプラグインを使用して、古いexport動作を取り戻すこともできます。

CommonJSエクスポート動作が必要な場合は、CommonJSを直接使用する必要があります（または他の回答でプラグインを使用する必要があります）。この動作は混乱を招き、無効なES6セマンティクスにつながるため、削除されました。

export default {
  a: 'foo'
};

その後

import {a} from './foo';

これは無効なES6ですが、説明しているCommonJSの相互運用性の動作のために機能しました。残念ながら、両方のケースをサポートすることは不可能であり、人々に無効なES6を書くことを許可することは、あなたがそうすることよりも悪い問題です.default。

もう1つの問題は、ユーザーが名前付きエクスポートを将来追加した場合、ユーザーにとって予期しないことでした。たとえば、

export default 4;

その後

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

だが

export default 4;
export var foo = 5;

その後

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

ライブラリの作成者は、この問題を回避できる場合があります。

通常、エントリポイントindex.jsがあります。これは、のメインフィールドからポイントするファイルですpackage.json。libの実際のエントリポイントを再エクスポートする以外に何もしません。

export { default } from "./components/MyComponent";

バベルの問題を回避するには、これをimportステートメントに変更してから、デフォルトをに割り当てますmodule.exports。

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

他のすべてのファイルは、回避策なしで純粋なES6モジュールのままです。したがって、エントリポイントのみを少し変更する必要があります:)

これはcommonjsが必要とする場合、およびES6インポートの場合にも機能します。これは、Babelが逆の相互運用を削除していないように見えるためです（commonjs-> es6）。Babelはcommonjsにパッチを適用するために次の関数を挿入します。

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

私はこれとの戦いに何時間も費やしてきたので、これが誰か他の人の努力を救うことを願っています！

私はそのような問題を抱えていました。そしてこれが私の解決策です：

//src/arithmetic.js

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

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

//src/main.js

import { operations }  from './arithmetic';

let result = operations.add(1, 1);

console.log(result);