在源文件SCSS中找到类名，该文件被编译成浏览器中的单个CSS文件

我有一个在index.html中使用app.css的应用程序。这个app.css是来自多个SCSS文件的输出css文件。在检查元素以查找该元素的CSS时，如何知道该文件来自哪个SCSS文件？在源文件SCSS中找到类名，该文件被编译成浏览器中的单个CSS文件

你不能，除非SCSS文件是在服务器端进行编译的。 –

如果不精确重复则关闭 - http://stackoverflow.com/questions/14782319/finding-the-source-of-a-css-file-compiled-from-sass?rq=1 –

您可以使用SASS Source Mapping。这会让您在浏览器检查器中显示确切的.scss文件。

添加一个标志萨斯的命令行工具：

$青菜青菜/ screen.scss：样式/ screen.css --sourcemap

如果您在输出文件夹看看运行后该命令，您会注意到生成的CSS文件的末尾添加了注释：

/*# sourceMappingURL=screen.css.map */

希望这有助于您！

2016-12-15 15:27:05

因为你没有显示任何代码，我会假设...你正在使用指南针进行编译？在这种情况下，您可以使用ruby为您的文件进行源代码映射。

这是可以做到像这样：

# Enable CSS source maps for development 
sourcemap = true

这可以被添加到您的rubyfile。

如果您使用一饮而尽或呼噜声，你可以使用：

，或者如果你正在使用顶嘴：

2016-12-15 15:28:05

回答