This is a visualization of JavaScript/CSS source map data, which is useful for debugging problems with generated source maps. It's designed to be high-performance so it doesn't fall over with huge source maps.

Right clicks on the minify code. Select Source Map Visualization in the context menu.

• 🚀 Excellent performance.
• 💞 Beauty block highlight and connection animation.
• 🗞 Parse inline source map url.
• 🔗 Load external source map file.
• 🪄 Allow code partial selection. e.g. <script> tag in html.
• 🎯 Goto line and column.

pnpm i

Open VS Code Run and Debug panel, select Extension to start debugging.

evanw/source-map-visualization

MIT License © 2022 Colder