像许多开发人员一样，我使用SASS作为预处理器 . 我想在Chrome中编辑样式表 . 我已设置 Source Maps 来执行此操作，我知道Chrome现在支持SASS .
我有一个SASS文件， style.scss ，用于创建页面上使用的 style.css . 它主要只是导入其他SASS文件 . 例如：
@import "colors";
单击导入的SASS文件，如 _colors.scss ，它会显示绿色的'active'图标，并显示它已链接到源 Map .
但是，当我编辑SASS变量时 - 如下面屏幕截图中的 $dark-blue ，我更改了've made it a red instead - the file doesn'，页面也没有更新 .
How do I edit an imported SASS file in Chrome DevTools?
Edit ：请注意导入文件上的'Linked to'似乎不正确 . 使用 _colors.scss 的唯一方法是 style.scss 的一部分，它变成了 style.css . 我怀疑这是问题的原因 . 我已打开https://github.com/gulp-sourcemaps/gulp-sourcemaps/issues/349以查看是否是这种情况 .