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

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

我有一个SASS文件，

style.scss

，用于创建页面上使用的

style.css

。它主要是导入其他SASS文件。例如：

@import "colors";

单击导入的SASS文件，如

\u colors.scss

，它会显示一个绿色的“活动”图标，并显示它链接到源地图

但是，当我编辑SASS变量时（如下面屏幕截图中的

$深蓝色

），我将其改为红色-文件不会更改，页面也不会更新

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

---

编辑：注意导入文件上的“链接到”似乎不正确。使用

\u colors.scss

的唯一方法是将

style.scss

转换为

style.css

的一部分。我怀疑这就是问题的原因。我已经打开查看是否是这种情况。

看起来您正在尝试从“源”面板编辑它（这是正确的方式），因此这应该可以工作。你有没有可能把这一点简化为一个最小的例子，以便我们能够重现？@KayceBasques我认为问题实际上可能在于gulp sass/gulp sourcemaps，这使得导入的

文件指向了一个错误的sourcemap，而不是Chrome。看到别人的问题。。。最好的！如果它最终成为我们这边（DevTools团队）的东西，请点击这里。