Wie funktionieren Quellkarten über mehrere aufeinanderfolgende Build-Schritte?

Question

Ich habe versucht zu googeln, und es gibt some good info über, wie A-zu-B Quellkarten arbeiten, aber ich kann keine Erklärung der Logistik von A-zu-B-zu-C Quellkarten finden.

Zum Beispiel mit Browserify ist es möglich, Eingabedateien unterschiedlicher Typen haben (wie main.js, module-1.coffee, module-2.es6) und die Verwendung Transformationen (coffeeify, 6to5ify) in Daten über die Art und Weise zu ändern. Die endgültigen bundle.js enthält eine große Inline Daten-URI in einem Quellkartenkommentar Und es funktioniert - wenn eine Zeile in bundle.js einen Fehler ausgibt, dann zeigt Devtools mir die ursprüngliche Quelldatei und die Zeilennummer, selbst wenn es in einem CoffeeScript-Modul ist.

Kann jemand mir helfen, die Logistik dieses zu verstehen ... Werden alle Quellkarten am Ende in eine einzige Quellkarte "kollabiert"? Oder müssen die Browser-Devtools einen Baum mit Quellkarten durchlaufen, bis eine Datei gefunden wird, die keinen Quellkartenkommentar enthält? Oder funktioniert es anders?

(Vielleicht ist das Material bereits gut dokumentiert, und ich bin googeln nur die falschen Begriffe?)

Answer 1

Ja, sie sind zusammengebrochen, als Multi-Level-Quelle Karten noch nicht standartized sind. Es geht like this:

var gen = SourceMapGenerator.fromSourceMap(new SourceMapConsumer(jsToMinMap)); 
gen.applySourceMap(new SourceMapConsumer(coffeeToJsMap)); 
var map = gen.toJSON(); 

Einige weitere Informationen im previous topic auf Stack-Überlauf.