Question: React Import Icons / Images in bulk


React Import Icons / Images in bulk

Answers 1
Added at 2016-12-31 15:12

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.

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

Any other way of solving it? I'm using webpack and here is the config:

    test: /\.(jpe?g|png|gif|svg)$/i,
    loaders: [
Answers to

React Import Icons / Images in bulk

nr: #1 dodano: 2016-12-31 20:12

Yes, it is posible, see my answer here:

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

  files[filename] = context(filename);
console.log(files); //you have file contents in the 'files' object, with filenames as keys
Source Show
◀ Wstecz