From 0d093f24c418c5b1a59731090831ae06c90d95ca Mon Sep 17 00:00:00 2001 From: Jorens Merenjanu Date: Tue, 9 Jul 2024 17:47:21 +0300 Subject: [PATCH] Update FAQ to include section about inline asset URLs (#898) * Update faq.md Update FAQ to include a section about inline asset URLs, as discussed in the following issue: https://github.com/sveltejs/vite-plugin-svelte/issues/863 * Update faq.md Fix some text not showing * Update faq.md Add an example to the inline assets section * Update faq.md Fix spacing between beginnings of parenthesis * docs(faq): update entry about relative asset urls --------- Co-authored-by: dominikg --- docs/faq.md | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/docs/faq.md b/docs/faq.md index 53466dd9c..fb944c2dc 100644 --- a/docs/faq.md +++ b/docs/faq.md @@ -237,3 +237,17 @@ See the faq about [vite and prebundling](#what-is-going-on-with-vite-and-pre-bun > [svelte-package](https://kit.svelte.dev/docs/packaging) which already supports it. > > For backwards compatibility, you can keep the `svelte` field in addition to the `exports` condition. But make sure that both always resolve to the same files. + +### How can I use relative paths for asset references in svelte components like `` + +This is not supported out of the box. To resolve assets, you have to either import them like this: + +```html + + +``` + +or use a separate tool to add this functionality. +The 2 recommended solutions are [sveltejs/enhanced-img](https://kit.svelte.dev/docs/images#sveltejs-enhanced-img) (only for image elements) and [svelte-preprocess-import-assets](https://www.npmjs.com/package/svelte-preprocess-import-assets) (for all asset URLs).