//@sourceURL 等效于 CSS答案

【问题标题】：//@ sourceURL equivalent for CSS//@sourceURL 等效于 CSS
【发布时间】：2022-03-01 20:20:44
【问题描述】：

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

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

CSS 文件有类似的技术吗？

【问题讨论】：

【解决方案1】：

在 CSS 中使用正确的 API

/*# sourceMappingURL=<url> */

下面看到的先前提议的格式尚未被所有浏览器采用

/*# sourceMap=<url> */

【讨论】：

【解决方案2】：

如果没有更好的主意，也许也可以使用Sass sourcemaps 来实现类似的效果。这似乎是一个 hack，但也许这是一个开始。

感谢 Andy Matthews 的指点。

【讨论】：