source-map-explorer
Analyze and debug JavaScript code bloat through source maps with a treemap visualization.
What is source-map-explorer?
Source Map Explorer is a Node.js tool that analyzes minified JavaScript bundles by using source maps to trace each byte back to its original source file. It helps developers understand what is contributing to their bundle size, identify duplicate dependencies, and find opportunities for optimization. The tool provides a visual treemap and multiple data export formats to make this analysis accessible.
Frontend and JavaScript developers working on web applications who need to optimize bundle sizes, especially those using bundlers like Webpack or Browserify. It's also useful for performance engineers focused on reducing initial load times.
Developers choose Source Map Explorer because it provides an intuitive, visual way to analyze bundle composition directly from source maps, without requiring complex setup. Its ability to integrate with code coverage data and calculate gzip sizes offers deeper insights than basic bundle analyzers.
Overview
Analyze and debug space usage through source maps
Use Cases
Best For
- Identifying which libraries or modules are taking up the most space in a production bundle
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
