我应该将sass源地图添加到我的git仓库吗？

Question

我添加style.css.map到我的.gitignore文件中认为这是某种内部文件,公共消费不需要.

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

1. 为什么Chrome会查找该文件？
2. 我应该将.map文件包含在repo中吗？

欲了解更多情况下,这是一个WordPress的网站,我感到包括style.scss在回购协议文件.

Answer 1

1. 使用源图,您可以使用devtools实时编辑scss.

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

/*#sourceMappingURL =*/

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

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