我刚开始使用 Prepros 来编译我的 SCSS 文件，我似乎无法弄清楚如何在 Chrome 开发者工具中启用对这些文件的实时编辑。
我不太确定现在是如何支持它的，但我发现了一些例子展示了这一点（例如这个视频），我知道它曾经是早期版本的 Chrome 中的一个实验性功能。
在 Prepros 中，我启用了Source Map，并且该映射正确显示在我的文件系统中。
Chrome 也正确显示了所有 SCSS 文件，但我无法保存对文件系统的任何更改（基本上，每当我更改某些内容时，它只会在编译后的 main.css 文件中更改）。
正如您在此处看到的，SCSS 文件旁边没有绿点：
...当我尝试在 Sources 面板中编辑和保存它们时，会显示：
这是我的 Prepros 项目结构（所有内容都编译到 main.css 文件中）：
有什么方法可以设置它，以便我可以在 DevTools 中编辑任何内容并将其保存到文件系统中？我想尽可能避免将代码复制到我的文本编辑器中。