Chrome是否支持单个JavaScript网址上的多个模块/ sourceMappingURL

我一直在Chrome中尝试使用源地图功能，并发现它不支持将单个JavaScript资源附加到包含多个模块连接在一起的脚本标记以及//@sourceMappingURL评论分开每个。Chrome是否支持单个JavaScript网址上的多个模块/ sourceMappingURL

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

我希望，这将是一个评论的要求要做到这一点，当多个模块微细化以及连接在一起

是方案的支持？

来源

2012-09-24 Richard Backhouse

是的，它被支持。您可以使用“部分”字段为脚本的某些部分提供源映射。请参阅规格的Index map: supporting post processing部分。

来源

2012-10-03 10:34:13

我可能会误解“部分”功能，但我不认为这回答了这个问题。 “部分”不会改变，它全部通过1个主要sourceMappingURL。澄清：我之后（如果可能的话）是拥有一个包含多个javascript块的资源，每个资源块都有自己的'// @ sourceMappingURL'。 – Krinkle

@Pavel你能给这个功能的工作示例的链接？我无法工作。 – manikanta

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

..然后你需要调整你的编译流水线所以只对最终文件捆绑在一张地图。

来源

2016-02-17 19:33:12

Chrome是否支持单个JavaScript网址上的多个模块/ sourceMappingURL

回答

相关问题