[解決済み] [Solved] ワイルドカードを使って、ディレクトリ内のすべてのファイルからモジュールをインポートすることは可能ですか?
2022-03-27 03:57:48
質問
ES6では、このように1つのファイルから複数のエクスポートをインポートすることができます。
import {ThingA, ThingB, ThingC} from 'lib/things';
しかし、私は1つのファイルに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つ含まれ、各モジュールはそのファイルと同じ名前になるという規則が理解されています。
これは可能でしょうか?
どのように解決するのですか?
モジュール名の解決はモジュールローダー次第なので、これをサポートするローダーの実装があるかもしれませんね。
それまでは、中間的な "モジュールファイル" を
lib/things/index.js
を含むだけである。
export * from 'ThingA';
export * from 'ThingB';
export * from 'ThingC';
といったことができるようになります。
import {ThingA, ThingB, ThingC} from 'lib/things';
関連
-
[解決済み】Javascriptのコールバック関数がFirefoxで「Callback is not a function」というエラーを投げる
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] Node.jsを使うタイミングをどう判断するか?
-
[解決済み] Node.jsでディレクトリに存在するすべてのファイル名のリストを取得する方法は?
-
[解決済み] ES6インポートで中括弧を使用するのはどのような場合ですか?
-
[解決済み] Jestを使用してES6モジュールのインポートをモックするにはどうすればよいですか?
-
[解決済み】Node.jsのrequireとES6のimport/exportを使い分ける。
-
[解決済み】SyntaxError: モジュール外部でimport文を使用できない
-
[解決済み】インデックスファイルでのES6エクスポート/インポート機能
-
[解決済み】ES6モジュールで複数のクラスをエクスポートする
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】React Js: Uncaught (in promise) SyntaxError: 位置 0 の JSON で予期しないトークン < が発生しました。
-
[解決済み】Javascript:getElementById対getElementsById(両方が別のページで動作する)。
-
[解決済み】ある要素が可視DOMに存在するかどうかを確認するにはどうすればいいですか?
-
[解決済み】SyntaxError: 'import' と 'export' は 'sourceType: module' とだけ表示されるかもしれない - Gulp
-
[解決済み】JavaScriptで相対URLへのリダイレクトを行う
-
[解決済み】HTMLの最初の行に予期しないトークン<がある。
-
[解決済み】Vueが定義されていない
-
[解決済み] Uncaught (in promise) TypeError: フェッチに失敗してCorsエラー
-
[解決済み】中央値の計算 - javascript
-
[解決済み】インデックスファイルでのES6エクスポート/インポート機能