SCSS случайно перестает компилировать партиалы

У меня следующая файловая структура:

/dir/style.css
/dir/scss/style.scss
/dir/scss/_fonts.scss
/dir/scss/_footer.scss
/dir/scss/_header.scss
/dir/scss/_home.scss
/dir/scss/_vars.scss

Я импортирую каждый фрагмент в свой style.css, например @import "fonts";, и запускаю sass --watch dir/scss:dir для компиляции style.scss в style.css. Сначала это работает так, как задумано, и внесение изменений в style.scss или любой импортированный частичный файл приводит к тому, что все компилируется в style.css, но, казалось бы, случайные изменения, которые я делаю в частичных файлах, перестают отслеживаться. Редактирование партиала по-прежнему приводит к сообщению об успешной компиляции в командной строке, но новые изменения, внесенные в партиал, на самом деле не были скомпилированы. Он не будет работать, пока я не перезапущу команду часов.

Обновлено: редактор кода - vscode. Sass версии 1.13.0 скомпилирован с dart2js 2.0.0

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
0
62
1

Ответы 1

Возможно ли, что у вас возникла проблема с кешированием в браузере, в котором вы пытаетесь увидеть эти изменения? У меня иногда возникает эта проблема при компиляции SCSS или JS с помощью webpack. Я знаю, что с Chrome Shift + F5 обновляет и очищает кеш. Также в инструментах разработчика (F12) есть опция на вкладке сети, чтобы отключить кеш, пока инструменты разработчика открыты.

Нет, новые изменения буквально не компилируются в css. Я открываю файл css и нажимаю ctrl + f, чтобы проверить это.

Evan Norton 22.10.2018 21:27

Какую среду IDE вы используете? И что вы используете для компиляции своего SASS?

E McG 22.10.2018 21:29

Я использую vscode. Sass версии 1.13.0 скомпилирован с dart2js 2.0.0

Evan Norton 22.10.2018 21:44

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