Loading images in css

[sergeysova]

I try:

# ./style.css
.searchBg {
  background-image: url(sprite/searchBg.jpg)
}

# ./component.js
import css from './style.css';

// begin component
  <div className={css.searchBg} />
// end component

What i see in chrome:

But image not loading to background.
When i click on "Open Link in new tab", link opens as:

[Strate]

From README:

Note about source maps support and assets referenced with url: when style loader is used with ?sourceMap option, the CSS modules will be generated as Blobs, so relative paths don't work (they would be relative to chrome:blob or chrome:devtools). In order for assets to maintain correct paths setting output.publicPath property of webpack configuration must be set, so that absolute paths are generated.

Btw, why style-loader can not replace relative urls to absolute urls by itself?

[tizmagik]

See #55 for some workarounds/solutions to this issue.

[michael-ciniawsky]

Will be fixed by either #96 or #124