Yesterday, I noticed that when I compiled my Sass files, it would output an extra file; called a source map. Turns out this file is used to map the compiled CSS back to the corresponding Sass source files. This is useful in scenarios when you’ve got a lot of different folders and partials. I then discovered, you could use this source map file in Google DevTools. This made me happy and has helped me save time from searching through files in my project.
Sass Source Maps and Google DevTools
Written on October 4, 2014