Chapter 7. Sourcemaps – Editing and Saving in the Browser

We've mentioned source maps a lot already, and even did a considerable amount of work in the last chapter to ensure we could generate them with our current Gulp workflow. So surely you've been asking questions like Why? and maybe What?. So, in this chapter we'll look at the What, why, and how of source maps.

I'll explain what source maps are and why you should care. We'll then look at setting up source maps to work in Firefox and Chrome, with a few short examples of how this can be really useful when designing in the browser or simply making small changes and tweaks to your styles.