ワイルドカード インポートは ES6 にモジュールを動的にロードできますか?

ワイルドカード インポートによるモジュールの動的ロード

質問:

ES6 での複数のエクスポートのインポート単一ファイルからの作成は簡単です。ただし、モジュールを個別のファイルに整理すると、ディレクトリ内のすべてのファイルからインポートする際に課題が生じます。ワイルドカードを使用してすべてのモジュールをインポートする方法はありますか?

回答:

この機能は JavaScript モジュール ローダーでネイティブにサポートされていませんが、潜在的な回避策はあります。

代替案アプローチ:

1 つのオプションは、lib/things/index.js などのディレクトリ内に次の内容を含む中間「モジュール ファイル」を作成することです。

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

このファイルは次のようになります。個々のモジュールのエクスポートの収集ポイントとして機能します。次に、このインデックス ファイルから必要なすべてのモジュールをインポートできます:

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

ローダー固有の実装:

特定のモジュール ローダーがカスタム実装を提供する場合があることに注意してください。ワイルドカードのインポートをサポートします。この機能の特定のサポートについては、さまざまなローダーを調べるか、そのドキュメントを参照する必要がある場合があります。

以上がワイルドカード インポートは ES6 にモジュールを動的にロードできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。