Как карты источников работают над несколькими последовательными этапами сборки?

Question

Я пробовал поиск по Google, и есть some good info о том, как работают исходные карты A-to-B, но я не могу найти никакого объяснения логистики Карты источников данных A-to-B.

Например, с Browserify это возможно иметь входные файлы различных типов (как main.js, module-1.coffee, module-2.es6), и использование прообразов (coffeeify, 6to5ify), чтобы изменить данные по пути в. Окончательный bundle.js содержит огромную встроенный URI данных в комментарии к исходной карте. И он работает - если какая-то строка в bundle.js выдает ошибку, тогда devtools показывает мне исходный исходный файл и номер строки, даже если он находится в модуле CoffeeScript.

Может ли кто-нибудь помочь мне понять логистику этого ... У всех исходных карт «сворачиваются» на одну исходную карту в конце? Или браузер devtools должен пересекать дерево исходных карт, пока не найдет файл, у которого нет комментария к исходной карте? Или это работает по-другому?

(Может быть, этот материал уже хорошо документирован, и я просто прибегая к помощи неправильным терминам?)

Answer 1

Да, они рухнули, а многоуровневые карты источников еще не стандартизованные. Он идет like this:

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

Некоторые подробнее в previous topic на переполнение стека.