我正在处理的项目有一个复杂的样式表库,其中有多个scss供应商库,许多文件和文件夹都填充了scss文件,这些文件被编译成一个css文件。
当我想对css进行简单的更改时,我不得不花费大量时间在文件结构中搜索源scss文件。通常我会在浏览器中使用开发人员工具,但这只显示了css文件的样子,并且大部分时间是从多个源创建类并相互覆盖,因此scss看起来不像css结束。
有没有一种简单的方法可以找到从scss编译的css源代码?
答案 0 :(得分:1)
此链接显示如何在Google Chrome上启用SASS文件的源映射。有了它,您将能够完全按照您的要求http://bricss.net/post/33788072565/using-sass-source-maps-in-webkit-inspector
完成答案 1 :(得分: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读取。