Почему vs code добавляет «_» когда я пытают перейти по ссылке импорта scss?

Question

[Боб Семович]

При попытке перейти на файл test1.scss мне выдаётся, что файла нет и при этом указывает его с нижним подчёркиванием, вот так - "_test1.scss"? как на скрине. При этом файл "smart-grid.scss", находящийся в этой же папке спокойненько открывается.
К тому же этот файл компилируется и его содержимое появляется в скомпилированном css файле.
В чём причина и как это исправить?

PS: пути файлов я проверил и названия тоже - они написаны корректно.

Comments

[Сергей delphinpro]

расширение пропишите.
@import "./../libs/smart-grid/test1.scss";

особенность редактора наверное.
дело в том, что в sass есть соглашение — именовать подключаемые файлы с нижнего подчеркивания (таким образом они не будут компилироваться в отдельные css файлы)

[Сергей delphinpro]

@import 'file.css';
Так лучше не писать. Scss не вставит содержимое css файлов, а оставит css-import.

[Боб Семович]

Сергей delphinpro, Для scss не важно написано ли расширение или нет. Он сам его найдёт. Однако, я, на всякий случай попробовал это => не помогло

Answer 1

[Владислав]

Думаю потому что принято не компилируемые файлы со стилями начинать от "_".
Если вы импортируете файл, который будет позже скомпилирован вы поличите дублирование стилей 2 раза (1 раз в отдельной файле и 1 раз в файле в который вы импортируете).
Думаю вы не указали тут явно название и расширение фала, поэтому он и кричит (выше у вас есть .scss).

Comments

[Боб Семович]

Я пробовал писать расширение- это не помогает. К тому же файл импортированные выше - "smart-grid.scss" открывается по ссылке спокойно, а "test1.scss" - нет