Прямое редактирование файлов SCSS в Chrome DevTools с помощью Prepros - PullRequest
0 голосов
/ 30 января 2019

Я только начал использовать Prepros для компиляции своих файлов SCSS, и я не могу понять, как включить живое редактирование этих файлов в Chrome Developer Tools.

Я не совсем уверен, как это происходитподдерживается в настоящее время, но я нашел несколько примеров, показывающих это в действии (например, это видео ), и я знаю, что это было экспериментальной функцией в более ранних версиях Chrome.

В Prepros, У меня Карта исходных кодов включена, и карта правильно отображается в моей файловой системе.

Chrome также правильно отображает все файлы SCSS, но я не могу сохранить какие-либо изменения в файлеsystem (в основном, когда я что-то изменяю, это меняется только в скомпилированном файле main.css).

Как вы можете видеть здесь, рядом с файлами SCSS нет зеленых точек: Dev Tools

... и когда я пытаюсь отредактировать и сохранить их на панели «Источники», это показывает: Changes not saved to the file system

Вот моя структура проекта Prepros (все компилируется в файл main.css):Prepros

Есть ли способ настроить это так, чтобы я мог отредактировать что-нибудь в DevTools и сохранить его в файловой системе оттуда?Я хочу максимально избегать копирования кода в мой текстовый редактор.

...