无法让 sourcemap 工作答案

【问题标题】：Can't get sourcemap to work无法让 sourcemap 工作
【发布时间】：2013-02-14 08:34:51
【问题描述】：

我正在尝试让我的源映射实现与 dotless 一起使用。

我已经拉取了dotless 并添加了 sourcemap(1)(2) 生成到它。问题是，即使我提供了相应的 css 文件

chrome 根本不在乎。不用说，我在控制台设置中启用了"Enable source maps"-swtich。所有文件的内容类型似乎也很好。（仔细检查） - 对于源地图位置，我已经尝试了完整的 url 以及地址的相对符号 - 但似乎没有任何效果......

Chrome 甚至不向服务器请求地图文件。有任何想法吗？我错过了什么吗？

干杯，科雷戈特

【问题讨论】：

我查看了用于在样式表中解析标签的 chrome 源代码：code.google.com/p/chromium/source/… 所以我的行需要匹配以下正则表达式：/^\/*@ sourceMappingURL=([^\ s]+)\s**\/$/ (js) - 但即使调整我的行并检查它是否与我提供的代码相匹配，（我提取了代码并创建了一个小测试应用程序），它仍然没有工作。 Chrome 甚至不向服务器请求地图文件……这里有什么线索吗？

【解决方案1】：

目前 Chrome 中的 CSS 源映射仅支持 Sass，不支持 LESS。甚至这种支持也在“开发者工具实验”标志的背后：（有关更多信息，请参阅该主题的 Addi Osmani's post）。

Mozilla 团队也在为 Sass、LESS 和 Stylus 开发 CSS Source maps，尽管我不知道该项目的活跃程度。您可以在此处跟踪他们的进度： https://wiki.mozilla.org/DevTools/Features/CSSSourceMap

【讨论】：