#SVG Loading different in Dev and Production

8 messages · Page 1 of 1 (latest)

random lantern
#

Hi!
I'm using vite-svg-loader as a nuxt plugin to load my SVG's dynamically.
Like this:
import desk from '@/assets/icons/desk.svg?url'

When this code runs with npm run dev everything is fine, after npm run build however instead of getting the URL to the SVG I'm getting the SVG code itself returned, but I would need the URL like in dev mode.

Could the SSR be causing this? Anybody has an idea or an advice how to implement this?

random lantern
#

for additional info: the problem appeared after upgrading nuxt

#

(and my other dependencies)

solar delta
#

I have the same problem. In dev it resolves to a url and in production to a data url (data:image/svg+xml,…)

languid badger
#

I use them as components; it's much easier to manage.

import desk from '@/assets/icons/desk.svg?component';

desert shard
#

or why not a spritemap? 🙂

vagrant terrace
vagrant terrace