sourcemappingurl 的基本 url：相对于 html 还是 js？

Question

假设在一个html文件的子目录下有一个带有source-map的js文件。

• index.html（使用 js/myjs.js）
• js/myjs.js
• js/myjs.js.map

那么 myjs.js 的 sourceMappingURL 注释是什么？

//# sourceMappingURL=myjs.js.map

或

//# sourceMappingURL=js/myjs.js.map

Answer 1

我查找specification。

当源映射 URL 不是绝对的时，它是相对于生成代码的“源源”的。来源来源由以下情况之一确定：

• 如果生成的源没有与脚本元素相关联 有一个“src”属性，并且在 生成的代码，应使用该注释来确定来源 起源。注意：以前，这是“//@ sourceURL”，与“//@ sourceMappingURL”，两者都接受是合理的，但 //# 是 首选。
• 如果生成的代码与脚本元素相关联 并且脚本元素有一个“src”属性，“src”属性 脚本元素将是源源。
• 如果生成的代码 与脚本元素相关联，而脚本元素不 有一个“src”属性，那么源源将是页面的 产地。
• 如果生成的代码被评估为带有 eval() 函数或通过 new Function()，则源原点将是 页面的来源。

因此，如果您在 index.html 中使用 <script src="js/myjs.js">，则使用 js/myjs.js.map。