dafn/svelte-typescript-parcel

Image paths in CSS not transformed during build

rondonjon opened this issue · 3 comments

rondonjon commented

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 commented

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?

styles

dafn commented

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