（單擊可放大）

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

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

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

sass --watch style.scss:style.css

在命令終端，你將看到一個(gè)信息：

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

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