Load images in JavaScript about url-loader HOT 3 CLOSED

this is hella old but for anyone having the same problem as above, the issue is that the image is probably going through multiple loaders.

if you have a loader for pngs defined in your webpack config it'll go through that first, giving you the module.exports =
then when you shove it through the url loader inline, it encodes the module instead of the image.

adding a ! at the start of the require overrides any loaders defined in webpack

 const img1 = require("!url!../../form/images/image1.png");

from url-loader.

Ok I have to require it twice to load the actual data.

from url-loader.

Huh? @ppoliani, what do you mean require it twice? I'm having issues with images loaded the same way as above. In my case it works in chrome but not firefox.

I perhaps incorrectly opened the issue on webpack repo: webpack/webpack#1668

from url-loader.