Now, let's briefly discuss source maps. Back in the early days of the web, it was decided that users should be able to view all of the source code on every web page. Early on, this was always HTML, but later, JavaScript was added and became something a user could view in an attempt to understand the workings of a given web page. Today, this is not possible in most cases. Some code today, such as TypeScript, is transpiled into JavaScript from another language. If you are writing JavaScript, you may use Babel to convert the latest JavaScript to run on older web browsers. Uglify or Minify may be used to remove white space and shorten variable names. If you need to debug the original source code, a source map is a tool you can use to map the JavaScript running in your browser back to the original source.
A source map is a JSON file that contains data mapping for the...