浏览器如何知道scss文件？

Question

我看到了这个html模板，并使用Chrome检查工具对其进行了检查。
令我惊讶的是，我的浏览器可以检测到scss文件，而不是已编译的css文件。然后，我按Ctrl + U来查看页面源代码，尝试找到“ scss”，但结果不显示任何内容。
那么，浏览器如何知道scss文件？

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

Answer 1

您可以阅读本文以获取有关Sourcemaps的更多信息：https ://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

这主要用于调试，并且大多数情况下是从生产环境中剥离的（在这种情况下，我想他们把它留给人们检查实际的源代码并像您一样学习：P）

Answer 2

您所看到的称为 Sourcemaps。Sourcemaps 允许您查看原始源代码而不是编译后的 CSS。这通常用于调试。