Sass Source Maps and Google DevTools

Written by Michael Lee 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.

Thanks for taking the time to read this article. I'd love to stay in touch and share more tips on programming and design, side projects and working remotely. Sign up and I'll send you my articles straight to your email.

:wave: Hey hey, I'm Michael Lee! I really appreciate you taking the time to read this article.

Be sure to check out my other articles.