（單擊可放大）

Sass 調(diào)試一直以來都是一件頭痛的事情，使用 Sass 的同學(xué)都希望能在瀏覽器中直接調(diào)試 Sass 文件，能找到對應(yīng)的行數(shù)。值得慶幸的是，現(xiàn)在實現(xiàn)并不是一件難事，只要你的瀏覽器支持“sourcemap”功能即可。早一點的版本，需要在編譯的時候添加“--sourcemap”  參數(shù)：

sass --watch --scss --sourcemap style.scss:style.css

在 Sass3.3 版本之上（我測試使用的版本是 3.4.7），不需要添加這個參數(shù)也可以：

sass --watch style.scss:style.css

在命令終端，你將看到一個信息：

>>> Change detected to: style.scss
  write style.css
  write style.css.map

這時你就可以像前面展示的 gif 圖一樣，調(diào)試你的 Sass 代碼。