How deeply does Pro ASP.NET Core 7, Tenth Edition cover source map?

Defines the mapping file and describes automatic browser use, but does not explain how to generate one.

Source map

As explained in 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.

Minification makes JavaScript smaller to deliver: it removes whitespace and replaces descriptive function and variable names with short ones. That trade-off makes a browser debugging session hard to follow. section 26.4.1

A source map is a .map file that links minified JavaScript to its developer-readable, unminified source. When you open the browser’s F12 developer tools, the browser automatically requests available source maps and uses them to help debug client-side code. section 26.4.1

A name you can recognize

Minification might turn myHelpfullyNamedFunction into x1. The short name saves space but is nearly useless when tracing a problem; a source map connects the minified code back to the readable source. section 26.4.1

How Pro ASP.NET Core 7, Tenth Edition covers it

Cover of Pro ASP.NET Core 7, Tenth Edition

liveBook manning.com

Read Pro ASP.NET Core 7, Tenth Edition on liveBook Get the book at manning.com

Also explained in

liveBook manning.com

Web Components in ActionA source map is a mapping file that relates generated code locations to their original source-code locations.

Compare how 2 books explain 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.

This explainer was generated by Manning's knowledge graph from the text of Pro ASP.NET Core 7, Tenth Edition. The section links point to the parts of the book it draws on.