Ruby

Stephen Gillon
Stephen Gillon
11,908 Points

When I type "sass --watch .", it creates a main.css.map file. Not sure what that is.

It does not update the css file with what I type into scss. I'm currently using windows 10. Thanks!

1 Answer

Seth Kroger
MOD
Seth Kroger
Treehouse Moderator 56,263 Points

The .map file is a reverse map for the resulting CSS file, showing where each declaration came from in their original SCSS file. They are used be tools like Chrome's DevTools when you are viewing the resulting web page. That way when you spot an error in the CSS, instead of being pointed to some arbitrary line in the compiled CSS and left wondering what file it came from it points you to the correct file of your Sass source.

Stephen Gillon
Stephen Gillon
11,908 Points

Oh ok! I understand the map usage now. However, I don't see anything being written in the map file as I write in the scss one. I'm going to keep following along with the tutorial as best as I can. Thanks so much for your response!