浏览器如何知道SCSS文件



我看到了此HTML模板,并使用Chrome检查工具进行检查。
我很惊讶地知道我的浏览器可以检测到SCSS文件而不是编译的CSS文件。然后,我将Ctrl U推到页面源,尝试查找" SCSS",但没有任何结果。
那么,浏览器如何知道SCSS文件?

P.S。我是SCSS/SASS/CSS预处理的新手

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

这主要用于调试,并且大多数时间都从生产环境中剥离(在这种情况下,我想他们将其留给人们检查实际的源代码并像您一样学习:P)

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

最新更新