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…
}

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