2015-09-03 1 views
3

У меня есть файл, который был передан с ES6 на ES5 с помощью Babel. У меня есть исходная карта. Я предполагаю, что могу восстановить исходный файл (так, как он выглядел при написании на ES6), используя эти ресурсы.Как использовать исходные файлы для восстановления исходного файла?

Как это сделать?

Есть ли инструмент CLI для этого?

ответ

0

Откройте исходную карту в текстовом редакторе, и вы увидите, что это в основном простой объект JSON. Поле «sources» содержит массив URL-адресов/путей ко всем исходным файлам, которые могут помочь вам найти их. Также имеется необязательное поле sourcesContent, которое также является массивом, где каждый элемент содержит содержимое файла с тем же индексом в массиве «sources»; если это так, вы можете найти исходный код прямо на исходной карте.

Инструмент CLI? Ну, есть source-map-visualize, который пытается найти все оригинальные источники и предварительно загружает их в этот online source map visualization.

+0

Я думаю, что самый простой способ - использовать пакет Mozilla 'source-map', https://github.com/mozilla/source-map/#consuming-a-source-map, например. 'Sourcemap.SourceMapConsumer (карта) .sourcesContent [0]'. Подумайте о том, чтобы добавить это к вашему ответу. – Gajus

+0

@GajusKuizinas абсолютно не нужно использовать пакет 'source-map' для этой задачи. 'JSON.parse (map) .sourcesContent [0]' будет делать то же самое. – lydell

+0

Не понял, что. Спасибо. – Gajus