Я только начал использовать Prepros для компиляции своих файлов SCSS, и я не могу понять, как включить живое редактирование этих файлов в Chrome Developer Tools.
Я не совсем уверен, как это происходитподдерживается в настоящее время, но я нашел несколько примеров, показывающих это в действии (например, это видео ), и я знаю, что это было экспериментальной функцией в более ранних версиях Chrome.
В Prepros, У меня Карта исходных кодов включена, и карта правильно отображается в моей файловой системе.
Chrome также правильно отображает все файлы SCSS, но я не могу сохранить какие-либо изменения в файлеsystem (в основном, когда я что-то изменяю, это меняется только в скомпилированном файле main.css).
Как вы можете видеть здесь, рядом с файлами SCSS нет зеленых точек:
... и когда я пытаюсь отредактировать и сохранить их на панели «Источники», это показывает:
Вот моя структура проекта Prepros (все компилируется в файл main.css):
Есть ли способ настроить это так, чтобы я мог отредактировать что-нибудь в DevTools и сохранить его в файловой системе оттуда?Я хочу максимально избегать копирования кода в мой текстовый редактор.