Импортировать изображение в 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?

Пакеты Java
Пакеты Java
Пакет java - это группа классов, интерфейсов и подпакетов схожего типа. Думайте об этом как о папке в каталоге файлов. Мы используем пакеты, чтобы...
Импорт excel в laravel в базу данных
Импорт excel в laravel в базу данных
Здравствуйте, дорогой читатель, в этой статье я расскажу практическим и быстрым способом, как импортировать файл Excel в вашу базу данных с помощью...
0
0
52
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

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

Думаю, я выберу первый вариант :)

Arno van Oordt 22.05.2024 08:43

Другие вопросы по теме