画像をディリクトリごとimportしたい。

Question

###画像をディリクトリごとimportしたい。
タイトル通りです。
私は普段以下のようにして画像をimportしています。

import mori from '../images/buill/buill_mori.png';
import school from '../images/buill/buill_school.png';
//・・・more

しかし私が今作っているアプリではたくさん画像をimportするので画像ごとに文を書くのがめんどうです。なのでディリクトリごとimportしたいのですがそういったことは可能なのでしょうか？
イメージとしては以下のようになると思うのですが、できませんでした。

import * as buill from '../images/buill/';

var mori = buill.mori;
var school = buill.school;

代替策などあればアドバイスいただけたらと思います。

---

追記
実行環境は
Google chrome
ライブラリとしてreactを使っています。

Comments

[think49]

質問を「編集」して、JavaScriptの実行環境(Google Chrome, Node.js等)を質問文とタグに含めると、具体的な回答が望めるかもしれません。

[hood]

コメントありがとうございます。
追記したいと思います。

Answer 1

まさに以下のURLで質問されてる内容かと思います。

https://stackoverflow.com/questions/29722270/is-it-possible-to-import-modules-from-all-files-in-a-directory-using-a-wildcard

で、上のリンクでも議論されていますが、私の知る限りJSの標準のimport仕様ではディレクトリまるごとのimportはサポートされてないと思います。

で代替案としては、

1. imageのパスをすべて記述したimgs.jsのようなインデックスファイルを用意して、それをimportして使う
2. ディレクトリまるごとインポートできるbabel-plugin-wildcardというbabelのプラグインがあるみたいなのでそれを試してみる。

というのが考えられる代替案かなと思います。(といっても上で挙げられているリンクの内容そのままですが・・)

Comments

[hood]

回答ありがとうございます！
そのような議論があったのですね・・・リサーチ不足でした。urlを貼っていただいて助かりました。

代替策も改めてまとめてくださりありがとうございます。
babelはよくわからないので1の方式をとろうかと思います！！