我应该将sass源映射添加到我的git仓库吗？

Question

我曾经在.gitignore文件中添加了style.css.map，认为这是一种不需要公开的内部文件。

现在我发现，当Chrome（而非Firefox）加载我的页面时，它正在寻找style.css.map并返回404。我没有明确要求它加载那个文件，但它似乎会被自动调用。

1. 为什么Chrome要寻找那个文件？
2. 我应该将.map文件包括在存储库中吗？

为了进一步了解情况，这是一个WordPress网站，我已经将style.scss文件包含在存储库中。

- JakeParis

Answer 1

1. 使用源映射，您可以使用devtools实时编辑scss。

对于每个生成的CSS文件，Sass除了编译后的CSS之外还会生成一个源映射文件（.map文件）。每个CSS文件都包含一个注释，指定其源映射文件的URL，嵌入在文件的最后一行中的特殊注释中：

/*# sourceMappingURL= */

有关源映射的更多信息： https://developer.chrome.com/devtools/docs/css-preprocessors

2. 如果您想在生产环境中使用源映射，则必须拥有 .map 文件，如果不需要它，请禁用其生成。如果您正在使用grunt运行Sass，请检查您的config.rb文件，并查找sass_options条目，您可能会发现“：sourcemap => true”，如果找到它，请将其设置为 false。请注意，Sass 3.4默认启用源映射。

- Luciano Santos

---

啊，听起来源映射的唯一目的就是为了浏览器调试。这是我从你的回答和你贴的链接中得出的结论。你也是这么理解的吗？ - JakeParis

是的，它对页面本身没有影响。你在开发工具中看到的不是CSS源代码，而是SCSS。 - Luciano Santos