我正在处理的项目有一个复杂的样式表库，其中包含多个 scss 供应商库以及许多文件和文件夹，这些文件和文件夹充满了编译成单个 css 文件的 scss 文件。
当我想对 css 进行简单的更改时，我必须花费大量时间在文件结构中搜索源 scss 文件。通常我只会在浏览器中使用开发人员工具，但这仅显示 css 文件的样子，并且大多数时候这些类是从多个源创建并相互覆盖，因此 scss 看起来不像 css 中的结束。
有没有一种简单的方法可以找到从 scss 编译的 css 的源代码？
问问题
1715 次
2 回答
1
这是一个链接，显示了如何在 Google Chrome 上为 SASS 文件启用源映射。有了它，你就可以做你想做的事http://bricss.net/post/33788072565/using-sass-source-maps-in-webkit-inspector
于 2013-02-08T22:25:33.017 回答
1
万一其他人在这里结束，要在 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 读取。
于 2013-10-25T16:55:39.713 回答