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

ワイルドカードを使用してディレクトリ内のすべてのファイルからモジュールをインポートする

ES6 を使用する場合、単一のファイルから複数のエクスポートをインポートすることができます次の構文を使用します:

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

ただし、組織の場合この目的では、ファイルごとに 1 つのモジュールを使用することが望ましい場合があります。これにより、次のようなインポートが行われます:

import ThingA from 'lib/things/ThingA';
import ThingB from 'lib/things/ThingB';
import ThingC from 'lib/things/ThingC';

理想的なシナリオは、次のようにワイルドカードを使用してディレクトリ内のすべてのファイルからモジュールをインポートすることです:

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

これは次のようになります。各ファイルに 1 つのデフォルトのエクスポートを含め、そのファイルと同じ名前を付けるという規則に従います。

実現可能性ワイルドカード

残念ながら、ワイルドカードを使用したモジュールのインポートは、現在 JavaScript ではサポートされていません。モジュール名の解決はモジュール ローダーによって処理され、この機能をサポートする特定の実装が存在する可能性があります。

代替ソリューション

ワイルドカード サポートがない場合は、次のことができます。以下を含む中間「モジュール ファイル」を lib/things/index.js に作成します:

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

This単一のステートメントを使用して目的のモジュールをインポートできます:

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

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