javascript - Chrome 是否支持单个 javascript url 上的多个模块/sourceMappingURL

Question

我一直在尝试 Chrome 中的 Source Maps 功能，发现它不支持将单个 javascript 资源附加到包含多个连接在一起的模块的脚本标记以及分隔每个//@sourceMappingURL模块的注释。

第一个映射已连接，我看到调试器中关联的模块源，但所有其他的都被忽略了。

我希望当多个模块被缩小并连接在一起时，这将是一个注释要求

是否支持场景？

Answer 1

Chrome DevTools 不支持在单个文件中定义多个 sourceMappingURL。（不幸的是，Pavel 在 2012 年的回答是不正确的。）与此相关的是，Chrome 也不支持单个文件中的多个 sourceURL。

链接的规范章节引用了一个节数组，但它是在一个解决整个文件的父映射中定义的。

因此，如果您的代码如下所示：

// ... code()

}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
//# sourceMappingURL=data:application/json;charset:utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3V…  

},{"./bufferClone":99}],122:[function(require,module,exports){

// ... code()

}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
//# sourceMappingURL=data:application/json;charset:utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vZGVfbW9kd…
}

..那么您需要调整编译管道，以便最终捆绑文件只有一个映射。

Answer 2

是的，它受支持。您可以使用“sections”字段为部分脚本提供源映射。请参阅索引图：支持规范的后处理部分。