我的网页从哪里加载其 scss 文件？

Question

我正在开发一个 Web 项目，并从其他人创建的 HTML/CSS 模板开始。它似乎使用了我不太了解的引导程序。

在使用 chrome 开发工具时，我注意到所应用的一些 css 样式来自我在系统上找不到的 scss 文件。我想知道这些文件存在于哪里？

截图来自

1. Chrome 开发工具告诉我应用样式的 scss 文件的路径

2. 我的系统上的 scss 文件夹所在的路径似乎不存在。请注意，我位于“vendor”文件夹中，但没有开发工具显示的 scss 文件夹。

有人可以向我解释浏览器从哪里加载这些 scss 文件吗？我尝试过让 Windows 显示隐藏的文件和文件夹，但这没有什么区别。谢谢！

通过 Chrome 开发工具访问 scss 文件的路径：

我的文件系统上的相同路径

Answer 1

这是因为 scss sourcemap 发生的。将scss文件编译为CSS时生成，方便调试。

我假设您正在使用 bootstrap 的开发版本。如果您使用生产版本，则不会发生这种情况。

您可以在这里找到更多相关信息