Question

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

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

我希望当多个模块缩小并连接在一起时，这是一个评论要求

支持方案吗？

Answer 1

Chrome DevTools不支持在单个文件中定义的多个sourceMappingURL。（不幸的是，帕维尔2012年的答案不正确。）相关地，Chrome也不支持单个文件中的多个sourceURL。

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

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

// ... 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”字段为脚本的某些部分提供源映射。请参阅规范的Index map: supporting post processing部分。

Chrome是否在单个javascript网址上支持多个模块/ sourceMappingURL

2 个答案: