React Import Icons/Images in bulk

Question

私は100種類のアイコンと画像をインポートできます。ページの上部に多くのインポートステートメントを書くことを排除する方法はありますか？私は別のファイルにインポートステートメントを記述し、そのステートメントを先頭に埋め込むことを考えていました。

import basicAmenitiesIcon from '../../../../images/icons/wifi-sign.png'; 
import parkingIcon from '../../../../images/icons/parking.png'; 
... 

それ以外の解決方法はありますか？私はWebPACKのを使用して、ここで設定されています：

{ 
    test: /\.(jpe?g|png|gif|svg)$/i, 
    loaders: [ 
     'file?hash=sha512&digest=hex&name=[hash].[ext]', 
     'image-webpack?bypassOnDebug&optimizationLevel=7&interlaced=false' 
    ] 
} 

Answer 1

はい、それがかのうである、ここに私の答えを参照してください：あなたは、フォントイメージを使用していない理由をhttps://stackoverflow.com/a/41410938/646156

var context = require.context('../../../../images/icons', true, /\.(png)$/); 
var files={}; 

context.keys().forEach((filename)=>{ 
    files[filename] = context(filename); 
}); 
console.log(files); //you have file contents in the 'files' object, with filenames as keys