Sass Source Maps and Google DevTools

Written on October 4, 2014

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.

Stay in touch

Thanks for reading this article. I'd love to stay in touch and share more tips on programming and side projects with you. Sign up and I'll send you my articles straight to your email, you'll also get a free copy of the light themed version of my Git cheat sheet.
Git cheat sheet preview image