Проблема при конвертации scss-файла в css. Что не так?

Question

[gabrielhornet]

Из-за разницы синтаксиса (?) в отображении пути к файлам (в scss указывается так: «/img/strelka.png», а в обычном css-файле первый слэш нужно стереть (так: «img/strelka.png»), получается, что моя страничка прекрасно выглядит, когда я работаю через prepros, но когда я хочу просто открыть index.html, то в нём не те ссылки, и приходится всё руками переписывать. То же самое с файлом index.kit и index.html (куда, собственно, .kit и конвертируется). Это очень неудобно. Получается, когда открываю html-страницу, там ничего нет, кроме текста. Как пофиксить?

Данные index.kit сохраняются в index.html, как и данные style.scss - в style.css. Но когда открываю свою index.html - там ничего, кроме текста. Если в убираю первый слэш (получается ), то стиль подтягивается, но не подтягиваются картинки из другой папки! Хотя всё правильно, путь и так далее (он даже подсказывается emmet'oм в VS Code).

Скрин каталога прикрепляю.

Помогите всё это корректно организовать.

Answer 1

[gabrielhornet]

Всё, по ходу, разобрался! Для картинок нужно было указывать путь url(../img/pic_name.png).

В scss-файле все работает, если указать путь url(/img/pic_name.png). А вот для css нужно быть внимательней, и указывать с двумя точками перед слэшем.

Answer 2

[Jon7]

Надо указывать какой используете редактор и какой плагин у Вас стоит.
Обычно пути указывают в настройках плагина .
Вот, например, как это сделано в VSCode в плагине Live Sass Compiler v5.5.1.

"liveSassCompile.settings.autoprefix": null,
"liveSassCompile.settings.generateMap": false,
"liveSassCompile.settings.formats": [
{
"format": "expanded",
"extensionName": ".css",
"savePath": "/",
}

Comments

[gabrielhornet]

Никакой плагин не использую. Просто открываю Prepros, а работаю в VS Code.

[gabrielhornet]

Создал новую папку. Создал новые файлы. Теперь стиль css подтягивается, не подтягиваются только картинки. Путь указан верно, хз, почему не работают. Может, что-то при преобразовании .kit-файла в .html?