Импортировать изображение в scss/Astro

Используя Astro и Sass, я хотел бы использовать изображение ресурса в файле scss.

В файле scss у меня есть:

.map {
    background-image: url('src/assets/map.jpg');
    background-repeat:no-repeat;
    background-position: center center;
}

В index.astro я импортирую его как

---
import 'src/styles/global.scss';

---

Когда я использую astro dev, я показываю изображение нормально, но когда я его создаю, изображение не компилируется в окончательный дистрибутив.

Есть ли способ импортировать изображение в scss? Возможно ли вообще импортировать изображение или мне просто нужно поместить его в общую папку и указать этот путь в scss?


52
1

Ответ:

Решено

1. Поместите изображения в общую папку, а затем напрямую укажите их пути в файле SCSS.

2. Если используется веб-пакет, используйте URL-загрузчик для обработки файлов изображений.