What is the file with the ".css.map" extension for when I compile a Sass script?

Asked

Viewed 4,488 times

9

I am learning to use Sass. All learning is going well.

The only thing I don’t understand yet is that every time I compile a file .scss, it generates a file with the same name, with the extension .map.

What is the purpose of this file .map for the Sass?

Example (after I compile):

 dir/
    meu-css.sass
    meu-css.css
    meu-css.css.map
sass

1 answer

11


Why use this tool:

https://developer.chrome.com/devtools/docs/css-preprocessors

As CSS files are generated, editing CSS files directly is not as useful.

For pre-processors that support CSS source maps (.css.map), Devtools allows you to edit your source files(.Sass) in the panel and view the results without having to quit Devtools or refresh the page.

  • Thank you for the answer, friend :D

  • Nice to know you were helpful ;)

Browser other questions tagged sass

You are not signed in. Login or sign up in order to post.