background url(./barbar.png) doesn't work about vortigern HOT 6 OPEN

It seems that this problem occurs when we enable the sourceMap option on css-loader.

There are opening PRs for solving this issue in webpack/style-loader repo:

• webpack-contrib/style-loader#124
• webpack-contrib/style-loader#96

from vortigern.

Hello @burgalon, since we have postcss-assets plugin, I suggest you to load images to your styles by using its functionalities.

background: inline('./barbar.png');

from vortigern.

Hey @altayaydemir Inlining an image requires them to be base64 encoded into the CSS which isn't very efficient for big images.
postcss-assets allows also to resolve regular images and rewrite the path, however this does not seem to work well together with the current stack, possible because of the helmet head changes and the fact that the CSS is loaded through blob://http....

from vortigern.

Is this issue still a thing?

if so, can we get clear steps to reproduce?

from vortigern.

Yep, I had the same issues with fonts. It was resolved by disabling the sourceMap option as @basicsharp described above.

from vortigern.

So I guess this and #142 are dupes.

from vortigern.