浏览器如何知道scss文件？ [英] How can a browser know the scss files?

问题描述

我看到了 html模板，并使用Chrome检查工具对其进行检查。

我很惊讶地知道我的浏览器可以检测到scss文件而不是已编译的css文件。
然后，我按Ctrl + U来查看页面源，尝试找到 scss，但结果却没有任何结果。

那么，浏览器如何知道scss文件？ p>

PS我是scss / sass / css预处理程序的新手

解决方案

您可以阅读此文章，了解有关Sourcemaps的更多信息：< a href = https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/ rel = noreferrer> https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

这主要用于调试，并且大多数情况下是从生产环境剥离的（在这种情况下，我想他们留给了人们检查实际的源代码，照做：P）

I see this html template, and inspect it using Chrome inspection tool.
I'm surprised to know that my browser can detect the scss files instead of the compiled css one. Then, I push Ctrl+U to view the page source, try to find 'scss' but it gives nothing in result.
So, how does the browser know the scss files?

P.S. I'm new to scss/sass/css pre-processor things

解决方案

You can read this article for more about Sourcemaps: https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

This is mainly used for debugging and most of the times is stripted from production environments (in this case I guess they left it for people to check the actual source code and learn as you did :P)

这篇关于浏览器如何知道scss文件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！