寻找从SASS编译的CSS文件的源码

Question

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

当我想对css进行简单的更改时，我必须花费大量时间搜索源文件scss文件的文件结构。通常我只是在浏览器中使用开发人员工具，但这只显示了css文件的外观，大多数时候这些类是由多个源创建的并相互覆盖，所以scss看起来不像css结束。

有没有一种简单的方法来找到scss编译的css源码？

Answer 1

这是一个链接，显示如何在Google Chrome上启用SASS文件的源映射。有了这个，你就可以做到你想要的东西http://bricss.net/post/33788072565/using-sass-source-maps-in-webkit-inspector

Answer 2

如果有其他人在这里结束，要使用Chrome for Sass中的源地图，你需要先使用--sourcemap标志来生成它们！

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

更多信息：https://developers.google.com/chrome-developer-tools/docs/tips-and-tricks#debugging-sass

并采用--debug-info标志树立SCSS由FireSass阅读。