In che modo le mappe di origine funzionano su più passaggi di generazione consecutivi?

Question

Ho provato su google, e c'è il some good info su come funzionano le mappe di origine A-B, ma non riesco a trovare alcuna spiegazione della logistica delle mappe di origine da A-to-B-a-C.

Per esempio, con Browserify è possibile avere i file di input di tipo diverso (come main.js, module-1.coffee, module-2.es6), e utilizzare le trasformazioni (coffeeify, 6to5ify) di modificare i dati sul modo in. La finale bundle.js contiene un enorme linea URI di dati in un commento di una mappa di origine. E funziona - se qualche riga in bundle.js genera un errore, allora devtools mi mostra il file sorgente originale e il numero di riga, anche se si trova in un modulo CoffeeScript.

Qualcuno può aiutarmi a capire la logistica di questo ... Tutte le mappe acustiche vengono "collassate" in una singola mappa sorgente alla fine? O il browser devtools deve attraversare un albero di mappe di origine fino a quando non trova un file che non ha un commento sulla mappa di origine? Oppure funziona in un altro modo?

(Forse questa roba sono ben spiegate e io sono solo googling i termini sbagliati?)

Answer 1

Sì, loro sono crollati, come le mappe di origine multilivello non sono ancora standartized. Va like this:

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

qualche info in più nel previous topic su Stack Overflow.