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

Question

我已将 style.css.map 添加到我的 .gitignore 文件中，认为这是某种内部文件，不需要供公众使用。

现在我看到当 Chrome(不是 Firefox)加载我的页面时，它正在寻找 style.css.map 并返回 404。我没有明确要求它加载那个文件，但它似乎被自动调用。

1. Chrome 为什么要查找该文件？
2. 我是否应该将 .map 文件包含到存储库中？

关于进一步的上下文，这是一个 Wordpress 站点，我在 repo 中包含 style.scss 文件。

Answer 1

1. 使用 sourcemaps，您可以使用 devtools 实时编辑 scss。

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

/*# sourceMappingURL= */

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

1. 如果你想在产品上使用 sourcemaps，你必须有 .map 文件，如果你不需要它，只需禁用它的生成。如果您使用 grunt 运行 Sass，请检查您的 config.rb 文件并查找 sass_options 条目，您可能会找到“:sourcemap => true”，如果找到，请将其设置为 false。请注意，sourcemaps 在 Sass 3.4 上是默认的。