ワイルドカードを使用すると、JavaScript で複数のファイルからモジュールをインポートできますか?

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

ES6 では個別のインポート ステートメントを使用してファイルから特定のエクスポートをインポートできるにもかかわらず、複数のファイルから複数のインポートを行うと、煩雑になる可能性があります。編成を合理化するために、開発者はファイルごとに 1 つのモジュールを使用することを好む場合があります。ただし、このようなシナリオの従来のインポート方法では、モジュールごとに個別のステートメントによる冗長なインポートが行われます。

これに対処するために、一部の開発者は、インポート ステートメントでワイルドカードを使用して、インポート ステートメント内のすべてのファイルからモジュールを取得するという仮説的な可能性を検討しました。指定されたディレクトリ。具体的には、次のような構文が必要です。

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

この仮説的なアプローチは、各ファイルに単一のデフォルトのエクスポートが含まれており、対応するモジュールと同じ名前を共有しているという前提に基づいています。ただし、現状では、ES6 モジュール システムはワイルドカード インポートを直接サポートしていません。

提案されたアプローチは現在実行不可能ですが、モジュール名の解決がモジュール ローダーによって処理されることは注目に値します。したがって、将来的には、このようなワイルドカード インポートを可能にするモジュール ローダー実装が登場する可能性があります。

組み込みサポートがない場合、回避策としては、中間の「モジュール ファイル」を作成する必要があります。たとえば、lib/things/index.js には次の内容が含まれます:

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

このアプローチにより、開発者は簡素化されたインポートを使用できるようになります。ステートメント:

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

以上がワイルドカードを使用すると、JavaScript で複数のファイルからモジュールをインポートできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。