使用Prepros在Chrome DevTools中实时编辑SCSS文件

Question

我刚刚开始使用Prepros编译我的SCSS文件，但似乎无法弄清楚如何在Chrome开发者工具中启用这些文件的实时编辑。

我现在不确定当前如何支持此功能，但是我发现了一些示例来演示此功能（例如this video），并且我知道它曾经是早期版本的Chrome中的实验功能

在Prepros中，我已启用源地图，并且该地图已正确显示在我的文件系统中。

Chrome浏览器还会正确显示所有SCSS文件，但是我无法保存对文件系统的任何更改（基本上，每当我更改某些内容时，它只会在已编译的main.css文件中更改）。

正如您在此处看到的那样，SCSS文件旁边没有绿点：

...，当我尝试在“源”面板中编辑和保存它们时，将显示：

这是我的Prepros项目结构（所有内容都编译到main.css文件中）：

是否可以进行任何设置，以便我可以在DevTools中进行任何编辑并将其保存到文件系统中？我想避免将代码复制到我的文本编辑器中。