Я только начал использовать Prepros для компиляции своих файлов SCSS, и я не могу понять, как включить живое редактирование этих файлов в Chrome Developer Tools.
Я не совсем уверен, как это происходитподдерживается в настоящее время, но я нашел несколько примеров, показывающих это в действии (например, это видео ), и я знаю, что это было экспериментальной функцией в более ранних версиях Chrome.
В Prepros, У меня Карта исходных кодов включена, и карта правильно отображается в моей файловой системе.
Chrome также правильно отображает все файлы SCSS, но я не могу сохранить какие-либо изменения в файлеsystem (в основном, когда я что-то изменяю, это меняется только в скомпилированном файле main.css).
Как вы можете видеть здесь, рядом с файлами SCSS нет зеленых точек: ![Dev Tools](https://i.imgur.com/abhXqNo.png)
... и когда я пытаюсь отредактировать и сохранить их на панели «Источники», это показывает: ![Changes not saved to the file system](https://i.imgur.com/p5RLUEQ.png)
Вот моя структура проекта Prepros (все компилируется в файл main.css):![Prepros](https://i.imgur.com/WMvCXGB.png)
Есть ли способ настроить это так, чтобы я мог отредактировать что-нибудь в DevTools и сохранить его в файловой системе оттуда?Я хочу максимально избегать копирования кода в мой текстовый редактор.