How to handle asset URLs in templates?

[jofan]

In CSS asset URLs are rewritten to the appropriate path in build folder but not for templates. I understand that it's not possible for Component to know where the template will be used so I'm curious how other people solve this. Are there any established best practises or recommendations?

[jonathanong]

this should be possible with a plugin, but it'll be a little confusing and more complex. what type of URLs are you using? images?

[jofan]

Yes. For example:

<img src="img/cat.jpg"> inside my template.

[jonathanong]

hmmm ok. for now i would just use background-image. it's kind of confusing because we would have to figure out which tags to parse, which properties to parse, change properties while preserving styles, etc. but this is inevitable when web components comes out

[jofan]

Ok, thanks. I'll look into writing a plugin in the meantime.

[remoe]

👍