查找从SASS编译的CSS文件的来源 [英] Finding the source of a CSS file compiled from SASS

问题描述

我正在研究的项目有一个复杂的样式表库，其中包含多个供应商的scss库，以及许多文件和文件夹，其中包含被编译为单个css文件的scss文件.

The project I am working on has a complicated stylesheet library with multiple vendor libraries of scss and many files and folders filled with scss files that are compiled into a single css file.

当我想对CSS进行简单更改时，我不得不花大量时间在文件结构中搜索源scss文件.通常，我只会在浏览器中使用开发人员工具，但这仅显示了css文件的外观，并且大多数情况下，这些类是从多个源创建并相互覆盖的，因此scss看起来不像结束.

When I want to make a simple change to the css, I have to spend alot of time searching through the file structure for the source scss file. Normally I would just use the developer tools in the browser, but this only shows what the css file looks like, and most of the time the classes are created from multiple sources and override each other, so the scss does not look like the css in the end.

是否有一种简便的方法来查找从scss编译的css的来源?

Is there an easy way to find the source of css compiled from scss?

推荐答案

此处是显示如何在Google Chrome上为SASS文件启用源映射的链接.这样，您就可以完全按照自己的意愿进行操作 http://bricss.net/post/33788072565/using-sass-source-maps-in-webkit-inspector

Here is a link that shows how to enable source mapping for SASS files on Google Chrome. With that, you'll be able to do exactly what you want http://bricss.net/post/33788072565/using-sass-source-maps-in-webkit-inspector

这篇关于查找从SASS编译的CSS文件的来源的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！