Referencing /static/* doesnt work on windows

[m4recek]

Hi,
we have a problem with files under /static/* directory. When we reference them in scss files they are not loaded. e.g. background-image: url('/me.jpg').

• They are properly served by webserver. I can access localhost:3000/me.jpg and it works
• They are properly copied to /dist/ directory when npm run deploy is run
• They are not loaded/visible in development when referenced as /me.jpg in scss files but work when referenced as http://localhost:3000/me.jpg

How should we get them working in develoment mode?

I've been searching a bit more and it seems same as #696, maybe its because scss bundle is served from blob:http://... so image has wrong protocol...

[m4recek]

Did a bit more testing today and found this.

1. if you reference something static in /styles/ outside of :global { } block as static/something.jpg it works
2. if you do very same think inside :global {} block it doesnt work

[s1ddh1k]

To avoid this, you should remove sourceMap options for css-loader.

Ref: webpack-contrib/style-loader#124

[tlaak]

This problem also exists on a Mac. There is a workaround (webpack-contrib/style-loader#96 (comment)), but I'm haven't managed to get it to work with this starter-kit.

[dvdzkwsk]

Closing since static and css modules have been moved and removed, respectively.