Sass是一種CSS預處理器，它允許我們使用變量、嵌套、函數等高級特性來編寫CSS代碼。Sass編譯器將Sass代碼編譯成普通的CSS代碼，這樣就可以在瀏覽器中渲染。

然而，在開發過程中，我們可能需要查看Sass代碼在編譯后生成的CSS代碼，這時就需要使用css.map文件。

/* style.scss */
$primary-color: #007bff;
body {
background-color: $primary-color;
}

在上述代碼中，我們定義了一個變量$primary-color，并將其應用到body元素的背景顏色中。如果我們將style.scss文件編譯成style.css，我們將得到以下結果：

/* style.css */
body {
background-color: #007bff;
}

現在，我們在編譯Sass代碼時可以添加--sourcemap選項，以生成css.map文件：

sass style.scss style.css --sourcemap

這將生成一個名為style.css.map的文件，其中包含CSS規則與Sass源文件之間的映射。現在，我們可以使用開發者工具來查看Sass代碼與編譯后生成的CSS代碼之間的映射。

在本例中，我們可以將鼠標懸停在style.css中的背景顏色屬性上，開發者工具將顯示它來自style.scss文件中的哪一行。

總之，css.map文件是一個有用的開發工具，它可以讓我們在調查問題時更快地定位到Sass源代碼。