Карты исходного кода позволяют сохранить код читаемым и отлаживаемым даже после его объединения и минимизации, не влияя при этом на производительность.
При использовании различных транспиляторов, минификаторов и сборщиков код, который вы развертываете, отличается от кода, который вы создаете. Чтобы повысить производительность сети, эти инструменты сжимают код в одну строку, удаляют ненужные символы и сокращают переменные.
Многие инструменты могут создавать карты исходного кода для сопровождения вашего кода.
Chrome DevTools считывает как развернутый код, так и карты исходного кода и позволяет отлаживать код обычным способом, даже с использованием точек останова .
Чтобы лучше понять, как работают исходные карты, ознакомьтесь с визуализатором исходных карт .
Кроме того, исходные карты могут иметь расширения . Если вы создаете инструменты и платформы, рассмотрите возможность их поддержки. Ознакомьтесь с этим практическим примером: лучшая отладка Angular с помощью DevTools , где команда DevTools и Angular улучшили возможности отладки в DevTools, поддержав расширение x_google_ignoreList .
Чтобы узнать больше, см.: