浏览器如何知道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/

这主要用于调试，大部分时间都是从生产环境中剥离出来的（在这种情况下，我猜他们留给人们检查实际的源代码，并像你一样学习：P）

Answer 2

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