Babel 6 でデフォルトのエクスポートを処理するには?

Babel 6 で再定義されたデフォルトのエクスポート

Babel 6 より前では、デフォルトのエクスポートは module.exports に自動的に割り当てられていました。ただし、この動作は廃止されました。したがって、開発者は、次の例に示すように、デフォルトのエクスポートにアクセスするには .default を追加する必要があります:

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

は次のように置き換えられました:

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

この変更により、互換性の問題が発生しました。以前のエクスポート メカニズムに依存した既存のコード。大規模な手動変更を行わずに互換性を維持するには、次の解決策を検討してください。

解決策 1: CommonJS を直接使用する

CommonJS を直接使用すると、以前のエクスポート動作が復元されます。ただし、このアプローチは、相互運用性とセマンティックの妥当性に関する潜在的な問題のため、望ましくない可能性があります。

解決策 2: 'transform-commonjs' プラグインを使用する

-commonjs プラグインを使用すると、開発者は ES6 モジュール内で CommonJS スタイルのエクスポートを利用できます。 npm を使用してインストールし、Babel 構成ファイル (.babelrc) で次のように構成できます。

{
  "plugins": ["transform-commonjs"]
}

これらのソリューションを使用すると、開発者は完全に書き直すことなく、既存のコードの機能を保持できます。さらに、デフォルトのエクスポートのインポートは、必要なパスに .default を追加するだけで簡単になります。

以上がBabel 6 でデフォルトのエクスポートを処理するには?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。