CSS background url() not displaying image in dev mode

[samhh]

In production mode with built files they do show, however, and in the CSS in the browser dev tools the path looks the same.

[samhh]

The image is not even loaded under the network tab. For clarity:

This works (incl/ BrowserSync port): url('http://localhost:5000/assets/img/image.png')

However this does not: url('/assets/img/image.png')

[samhh]

This is specifically caused by the source maps in Webpack, see (incl/ related): webpack-contrib/style-loader#55

[samhh]

This can be fixed by changing the following in webpack.config.js (no need to touch production config) under CSS loaders: style to style?fixUrls

And changing the npm dependency for style-loader to bendytree/style-loader (npm i -D bendytree/style-loader)

That's a fork of the project with the fixUrls query string implemented. Switch back to standard style-loader once it's fixed there.

[samhh]

60cd76a