浏览器如何知道scss文件？

Question

我看到这个html template，并使用Chrome检查工具检查它。
我很惊讶地知道，我的浏览器可以检测到scss文件，而不是编译后的css文件。 然后，我按下Ctrl + U查看页面源代码，尝试找到'scss'，但它没有给出任何结果。
那么，浏览器如何知道scss文件呢？

P.S.我是新来的scss/sass/css预处理器东西

Answer 1

你可以阅读这篇文章更多关于Sourcemaps：https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

这主要是用来调试，大部分的时间是从生产环境stripted（在这种情况下，我想他们离开它为人们检查实际源代码和学习，你做：P）

Answer 2

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