Что такое Source Map?

Source Map — это файл, который сопоставляет скомпилированный, минифицированный или транспилированный JavaScript-код с исходным исходным кодом (например, написанным на TypeScript, CoffeeScript или современном JS с использованием новых возможностей).

Это позволяет инструментам разработчика (DevTools) в браузерах показывать исходный код при отладке, несмотря на то, что в браузер загружен преобразованный код.

Пример: если у вас есть файл app.min.js и соответствующий app.min.js.map, браузер может показать исходный app.ts или app.js с оригинальными строками и столбцами, что значительно упрощает поиск и исправление ошибок.

Таким образом, Source Map улучшает опыт отладки и понимания кода в продакшене.