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 and side projects. Sign up and I'll send you my articles straight to your email.