Я занимаюсь разработкой сайта с использованием SCSS, и относительные пути к изображениям не работают должным образом при импорте файлов.Вот что я имею в виду:
Структура каталогов
./
css/
main-code.scss
common/
include.scss
images/
image.jpg
include.scss
body {
background-image: url('../../images/image.jpg');
}
main-code.scss
@import("common/include.scss");
Мой файл include.scss содержит правильную относительную ссылку на image.jpg.Но когда я импортирую его в main-code.scss, который находится в другом каталоге, ссылка на изображение не работает, потому что он по-прежнему отображается как url('../../images/image.jpg') - который больше не является действительной ссылкой на изображение, если мы запускаемпапка в структуре каталогов.
Есть ли способ включить файл SCSS и автоматически соответствующим образом настроить относительные пути?Или мне нужно поместить оба моих файла SCSS в одну папку для правильной работы?