Comment utiliser des images statiques locales dans Svelte

Question

Je suivais le tutoriel ( https://svelte.dev/tutorial/dynamic-attributes ) pour importer des fichiers image locaux. Mais ça n'a pas marché. L'image est introuvable dans l'application.

Où dois-je localiser ces images afin de les faire fonctionner comme dans le tutoriel?

let src = './images/background.jpg'
.
.
.
<img {src} alt="background image" />

Le navigateur a montré Image introuvable.

Answer 1

Voici une autre façon d'utiliser des images dans svelte:

.banner-container {
    background-image: url("/images/hero-banner.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}