Svelteでローカル静止画像を使用する方法

Question

チュートリアル（ https://svelte.dev/tutorial/dynamic-attributes ）に従ってローカルイメージファイルをインポートしていました。しかし、それはうまくいきませんでした。アプリで画像が見つかりませんでした。

チュートリアルのように機能させるには、これらの画像をどこに配置する必要がありますか？

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

ブラウザに画像が見つかりませんでした。

Answer 1

Svelteで画像を使用する別の方法を次に示します。

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