为什么Chrome没有看到我的css源地图？

Question

我刚刚更新了我们的gulp文件以包含最新版本的gulp-ruby-sass，因此我们可以使用最新版Sass中包含的soucemaps功能。

我已确认源地图正在输出到项目的CSS文件夹中，但chrome没有读取它。

“启用CSS源地图”在开发工具中检查，我正在运行最新版本的Chrome（37.0.2062.120），我可以在其他项目中看到源地图。

以下是生成的源地图：

 {
  "version": 3,
  "mappings": ";;AAQA,IAAK,GACH,....bunch more JSON gobbley gook],
  "names": [],
  "file": "style.css"
 }

我在这里缺少什么？

Answer 1

是的，你是对的@Mark Weston - 这是gulp-autoprefixer的一个问题： 事实证明gulp-autoprefixer正在删除我的css文件底部的/*# sourceMappingURL=style.css.map */注释。

这是gulp-autoprefixer的一个未解决的问题：https://github.com/sindresorhus/gulp-autoprefixer/issues/1

Answer 2

尝试使用这些代码并小心文件路径：

{
   "version": "3",
   "mappings":"AAKA,EAAG;EACC,SAAS,EANF,IAAI;EAOX,KAAK"
   "sources": ["content/style.css"],
   "file": "style.css"
}

Answer 3

在sass中gulp我把前缀放在第一位然后就可以了。

Enum.map(article_ids, &Integer.to_string/1) |> Enum.join(", ")

.pipe（前缀（'最后2个版本'）） .pipe（sourcemaps.write（{includeContent：false}））