ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でワイルドカードを使用してディレクトリからモジュールをインポートできますか?

JavaScript でワイルドカードを使用してディレクトリからモジュールをインポートできますか?

Barbara Streisand
リリース: 2024-12-09 07:09:10
オリジナル
707 人が閲覧しました

Can I Use Wildcards to Import Modules from a Directory in JavaScript?

ワイルドカードを使用したディレクトリからのモジュールのインポート

ES6 インポートの領域では、単一のファイルから複数のエクスポートをインポートする機能が追加されました。当たり前になる。ただし、モジュールを個別のファイルに整理すると、一連のインポート ステートメントが煩雑になる可能性があり、次のような疑問が生じます。

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

応答に記載されているように、このようなワイルドカードのインポートは JavaScript モジュール ローダーでは本質的にサポートされていません。ただし、この機能をシミュレートできる回避策があります。

同様の効果を実現するには、次の内容を含む中間モジュール ファイル (lib/things/index.js など) を作成します。

export * from 'ThingA';
export * from 'ThingB';
export * from 'ThingC';
ログイン後にコピー

そうすることで、単一のインポートを使用してディレクトリ内のすべてのファイルからモジュールをインポートできます。

import {ThingA, ThingB, ThingC} from 'lib/things';
ログイン後にコピー

ワイルドカード インポート。このアプローチは、モジュールごとに個別にインポートする必要がなく、ディレクトリからモジュールをインポートする便利な方法を提供します。

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

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