ES6 のディレクトリから複数のモジュールをインポートするにはどうすればよいですか?

複数のファイルからの ES6 モジュールのインポート

ES6 では、構文 import {ThingA, ThingB, ThingC} from を使用して、ファイルから複数のエクスポートをインポートできます。 'lib/things';。ただし、構文 import ThingA from 'lib/things/ThingA'; を使用して、同じエクスポートを別のファイルからインポートすることもできます。これは組織の欠如につながる可能性があります。

これを解決するには、ワイルドカードを使用してディレクトリ内のすべてのファイルからエクスポートをインポートする必要があります。たとえば、import {ThingA, ThingB, ThingC} from 'lib/things/*';.

可用性

残念ながら、この機能は現在サポートされていません。モジュール名の解決はモジュール ローダーによって処理され、ワイルドカードをサポートする既知の実装はありません。

回避策

ワイルドカードのインポートが使用可能になるまで、実行可能な回避策は、次の内容を含む lib/things/index.js の中間モジュール ファイル:

export * from 'ThingA';
export * from 'ThingB';
export * from 'ThingC';

これにより、必要なエクスポートを次のようにインポートします:

import {ThingA, ThingB, ThingC} from 'lib/things';

以上がES6 のディレクトリから複数のモジュールをインポートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。