Я изучаю sass и использую расширение live sass compiler в коде. Я также использую расширение живого сервера, чтобы просмотреть его в браузере. У меня есть основной файл s css, который прекрасно компилируется каждый раз, когда я сохраняю файл, и показывает обновленный код в браузере. Однако, когда я изменяю частичные файлы (например, _vaiables.s css), браузер перезагружается без css, только html; затем мне нужно повторно сохранить main.s css, чтобы я мог видеть эти изменения в _variables.s css. Так ли это обычно работает? Это несколько раздражает необходимость сохранять два разных файла, чтобы увидеть изменения на экране. Я почти уверен, что есть лучший способ.
Вот мой main.s css
@import "abstracts/functions";
@import "abstracts/mixins";
@import "abstracts/variables";
@import "base/animations";
@import "base/base";
@import "base/typography";
@import "base/utilities";
@import "components/button";
@import "components/composition";
@import "components/feature-box";
@import "components/card";
@import "layout/header";
@import "layout/grid";
@import "pages/home"
Вот некоторые настройки. json файл для компилятора live sass расширение.
"liveSassCompile.settings.formats": [
{
"format": "compressed",
"extensionName": ".css",
"savePath": "/advanced-css-course/Natours/starter/css/sass-compiler"
}
],
Вот ссылка на css в html
<head>
<link rel="stylesheet" href="css/sass-compiler/main.css" />
</head>
Заранее спасибо.