查找从SASS编译的CSS文件的源

我正在从事的项目有一个复杂的样式表库，其中包含多个供应商的SCS库，以及许多文件和文件夹，其中填充了SCS文件，这些文件和文件夹被编译成单个css文件

当我想对css做一个简单的更改时，我必须花费大量时间在文件结构中搜索源scss文件。通常我只会在浏览器中使用开发人员工具，但这只会显示css文件的外观，而且大多数情况下，这些类都是从多个源创建的，并相互覆盖，因此SCS最终看起来不像css

---

有没有一种简单的方法可以找到从scss编译的css的源代码？

这里有一个链接，展示了如何在Google Chrome上为SASS文件启用源代码映射。有了它，您就可以完全按照自己的意愿来做了

如果其他人来到这里，要在Chrome for Sass中使用源地图，您需要先使用

--sourcemap

标志来生成它们

sass --watch --sourcemap --debug-in sass/screen.scss:screen.css

更多信息：

并使用

--debug info

标志设置要由FireSass读取的SCS