TypeScript
Friday, June 19, 2015
web: Source Maps
Source Maps 101 - Tuts+ Code Tutorial
"In today's modern (web dev) workflow, the code that we author in our development environments is considerably different from the production code, after running it through compilation, minification, concatenation, or various other optimization processes.
This is where source maps come into play, by pointing out the exact mapping in our production code to the original authored code. In this introductory tutorial, we'll take a simple project, and run it through various JavaScript compilers for the purposes of playing with source maps in the browser."
Chrome (Version 23 and up) supports JavaScript Source Maps, and even SASS Source Maps.
"In today's modern (web dev) workflow, the code that we author in our development environments is considerably different from the production code, after running it through compilation, minification, concatenation, or various other optimization processes.
This is where source maps come into play, by pointing out the exact mapping in our production code to the original authored code. In this introductory tutorial, we'll take a simple project, and run it through various JavaScript compilers for the purposes of playing with source maps in the browser."
- Open Chrome Developer Tools: View -> Developer -> Developer Tools
- Click the "Settings" cog in the bottom-right corner
- Choose "General," and select "Enable source maps"
Subscribe to:
Posts (Atom)