Image paths in CSS not transformed during build

[rondonjon]

Image paths in CSS in .svelte files aren't properly transformed durings builds with this template.

To reproduce:

• create folder src/images
• create file src/images/test.png
• add background: url(./images/test.png); to h1 in src/index.svelte

Expected result:

• image should be copied to dist folder and have a hash in the filename
• image path inside the generated bundle should point to the file inside the dist folder
• h1 on the generated page shows the CSS background image

Actual result:

• image is copied to dist, where the filename is extended with a hash ✔️
• image path inside the bundle is still images/test.png ❌
• CSS background image on h1 is missing ❌

[rondonjon]

PS: I just noticed that there is in fact a transformed version of the path inside the bundled application, but apparently it gets overwritten by a copy of the original source code which gets inlined. Any ideas?

[rondonjon]

See DeMoorJasper/parcel-plugin-svelte#138

[dafn]

I'll see what I can do.. seems like it indeed is a problem with parcel and parcel-plugin-svelte