Source map
A source map is a mapping artifact that relates locations in generated or transformed code to corresponding locations in its original source.
Web Components in Action
A source map is a mapping file that relates generated code locations to their original source-code locations.
- How it is used
- Supports debugging bundled components by relating runtime errors to original source files.
- How deep it goes
- Explains the mapping file and its lookup role, then demonstrates error localization without detailing the mapping format.
- Examples
- Uses a Rollup command with -m and a forced error displayed against the original source.
- What you can do after
- Diagnose/debug bundled applications by tracing generated-code errors back to original source lines.
Pro ASP.NET Core 7, Tenth Edition
A source map is a file that maps transformed code such as minified JavaScript back to its developer-readable source code.
- How it is used
- Helps debug minified client-side JavaScript without giving up its smaller delivery size.
- How deep it goes
- Defines the mapping file and describes automatic browser use, but does not explain how to generate one.
- Examples
- Contrasts myHelpfullyNamedFunction with its shortened minified name x1.
- What you can do after
- Diagnose/debug with it by opening F12 developer tools to inspect minified JavaScript with available source maps.
Read how Pro ASP.NET Core 7, Tenth Edition explains source map →
Related concepts
- TypeScript compilerproduced by · The TypeScript compiler analyzes and checks TypeScript source code and can emit JavaScript and declaration files.
- browser developer toolsuses · A suite of browser-integrated utilities for inspecting, debugging, testing, profiling, and analyzing web pages, applications, and browser-executed code.
- debuggingused by · Debugging is the systematic process of investigating software behavior to locate, diagnose, and correct defects or their causes.
- TypeScriptuses · TypeScript is a statically typed superset of JavaScript that adds type-system features and is compiled to JavaScript.
- CSSconfigures · CSS, or Cascading Style Sheets, is a stylesheet language for specifying the presentation and layout of structured documents and user interfaces.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.