title: React Import Icons / Images in bulk
body: <p>I have 100's of Icons and Images to be imported. Is there any way to eliminate writing so many import statements at the top of the page? I was thinking to write  a import statements in a separate file and embed that at the top.</p>
  
  <pre><code>import basicAmenitiesIcon from '../../../../images/icons/wifi-sign.png';
  import parkingIcon from '../../../../images/icons/parking.png';
  ...
  </code></pre>
  
  <p>Any other way of solving it? I'm using webpack and here is the config:</p>
  
  <pre><code>{
      test: /\.(jpe?g|png|gif|svg)$/i,
      loaders: [
          'file?hash=sha512&amp;digest=hex&amp;name=[hash].[ext]',
          'image-webpack?bypassOnDebug&amp;optimizationLevel=7&amp;interlaced=false'
      ]
  }
  </code></pre>