css - //@sourceURL 等效于 CSS

Question

在 Firebug 中，//@ sourceURL可以在 Javascript 中使用eval。我们可以使用这种技术将多个 Javascript 文件连接到一个文件中，并且仍然让它们在 devtools/Firebug 中显示为单独的文件，如下所示：

eval("... foo.js contents ...\n//@ sourceURL=foo.js");
eval("... bar.js contents ...\n//@ sourceURL=bar.js");

CSS文件有类似的技术吗？

Answer 1

在 CSS 中正确的 API 是使用

/*# sourceMappingURL=<url> */

之前提出的格式如下所示尚未被所有浏览器采用

/*# sourceMap=<url> */

Answer 2

在没有更好的想法的情况下，也可以使用Sass sourcemaps来实现类似的效果。这似乎是一个 hack，但也许这是一个开始。

感谢 Andy Matthews 的指点。