编辑导入的SASS文件不会在Chrome DevTools中更新页面

Question

像许多开发人员一样，我使用SASS作为预处理器。我想在Chrome中编辑样式表。我已经设置源地图来执行此操作，我知道Chrome现在支持SASS。

我有一个SASS文件Autofac，用于创建页面上使用的style.scss。它主要只是导入其他SASS文件。例如：

style.css

点击导入的SASS文件，例如@import "colors"; ，它会显示一个绿色的“有效”图标，并显示它已链接到源地图。

然而，当我编辑SASS变量时 - 就像下面屏幕截图中的_colors.scss，我把它改为红色 - 文件不会改变，页面也不会更新。

如何在Chrome DevTools中编辑导入的SASS文件？

修改：请注意导入文件中的“已链接到”似乎不正确。使用$dark-blue的唯一方法是_colors.scss的一部分，后者变为style.scss。我怀疑这是问题的原因。我已经打开https://github.com/gulp-sourcemaps/gulp-sourcemaps/issues/349以查看是否是这种情况。