DevTools Workspace不保存对Sass文件的更改

Question

我看过Paul Irish's video他在DevTools中对CSS进行了更改，这些更改也保存在他当地的Sass文件中。为此，他在Chrome中设置了一个工作区，然后在此路径中使用了Sass --watch标记：style.scss:style.css。

我的文件结构与他有点不同。我有多个Sass子文件，我导入到main.sccs。然后Sass编译器监视此文件中的更改并将其编译为main.css（默认情况下使用源映射）。

所以我的文件结构如下：

project's root
|-- index.html
|-- css
   |-- main.css
   |-- sass
       |-- main.scss
       |-- theme
          |-- _variables.scss
          |-- _components.scss
          |-- _sctructure.scss
          |-- _menu.scss

要编译Sass文件，请使用以下路径：

sass --watch sass/main.scss:main.css --style compressed

他一切顺利。我本人的部分原因是：

1. Elements Pane中所做的更改仅保存到我的驱动器上的已编译style.css文件中。 Sass文件保持不动。
2. 直接对Sources Pane中的Sass文件所做的更改将保存到我的本地Sass文件和CSS文件中。

我想在Elements Pane中进行更改并将其保存到我的Sass文件中。

我无法使其发挥作用。我试图将所有样式放在一个Sass文件中（就像保罗：一个style.scss文件编译为style.css）但它没有帮助。我还尝试在Sass编译器中更改路径并观察整个Sass目录。但仍然没有。 DevTools不会将Elements Pane中所做的更改保存到Sass文件中。

任何想法如何实现？我已经查找了有关此主题的其他信息，但我没有找到一个解决方案，这对我有所帮助。