文章彙整

Sass的註解功能,讓除錯工作變得更簡單

Astral WebBy Astral Web 3 years agoNo Comments
首頁  /  網站設計與開發  /  Sass的註解功能,讓除錯工作變得更簡單

00 (1)

如果Sass生成的CSS檔案、不如你所預期的,你要怎麼知道是哪邊出問題了呢?Sass有一個註解功能、這個註解功能的預設狀態是開啟的。

在註解功能開啟的情況下、生成的CSS檔會長得像這樣:

/* line 1, ../sass/screen.scss */
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}

 

註解所提供的訊息包含:程式碼行數及Sass檔案路徑。呈現的方式如:/* 行數, Sass檔案路徑*/。

依上面第一行註解中所提供的訊息,我們可以得到 .well 這個樣式的設定、寫在sass 資料夾裡screen.scss這個檔案的第一行。

Sass

如何關閉Sass的註解功能

 

Sass的註解功能在開發階段相當好用、但是當網站要上線之前、我們應該要關閉這個功能,以減少檔案大小。如果想要關閉他、只要在專案的設定檔加上底下這一行文字就可以了。

 

line_comments = false

 

Sass

圖例:關閉註解功能

 

 

相反地、如果要開啟註解功能,只要將剛剛寫的設定註解掉:

 

#line_comments = false

 

 

或是將false改成true就可以了

line_comments = true

 

 

 

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Category:
  網站設計與開發

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。