ホームページ > ウェブフロントエンド > jsチュートリアル > Babel 6 の変更後にデフォルトのエクスポートを処理するにはどうすればよいですか?

Babel 6 の変更後にデフォルトのエクスポートを処理するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-10-23 08:58:29
オリジナル
641 人が閲覧しました

How to Handle Default Exports After Babel 6 Changes?

Babel 6 はデフォルトのエクスポート処理を変更します

問題:

Babel 6 では、デフォルトのエクスポート方法が変更されました。前の「module.exports = exports['default']」行を削除します。これには、開発者が以前のインポート構文を「var foo = require('./foo')」から「var foo = require('./foo').default」に変更する必要があります。

説明:

この変更は、ES6 標準に合わせて、CommonJS エクスポート動作との以前の相互互換性によって引き起こされた混乱を解決することを目的としています。さらに、将来的に名前付きエクスポートが導入された場合に、無効な ES6 セマンティクスの作成や予期しない結果が防止されます。

解決策:

  • CommonJS を使用する直接: このメソッドは CommonJS エクスポート動作を完全に採用しており、'.default' 構文の必要性を排除します。
  • Babel プラグインをインストールします: 「babel-plugin-transform-es2015-modules」 -commonjs" プラグインにより、Babel 6 内で CommonJS エクスポート機能が有効になります。
  • コードを手動で更新します: 面倒ではありますが、デフォルトのエクスポートにアクセスするときに '.default' を使用するようにすべてのコードを手動で更新することもオプションのままです。

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

ソース:php
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート