Используя 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?
1. Поместите изображения в общую папку, а затем напрямую укажите их пути в файле SCSS.
2. Если используется веб-пакет, используйте URL-загрузчик для обработки файлов изображений.
Думаю, я выберу первый вариант :)