SCSS partial部分檔案

螞蟻小編發表於2017-03-20

關於scss的@import基本用法可以參閱scss @import一章節。

文章的最後也強調了,被匯入的檔案所生成的css檔案也許是不必要的。

那些專門為@import命令而編寫的sass檔案,並不需要生成對應的獨立css檔案,這樣的sass檔案稱為區域性檔案。

對此,sass有一個特殊的約定來命名這些檔案,預定規則如下:

[CSS] 純文字檢視 複製程式碼
區域性檔案的檔名以下劃線開頭

程式碼例項如下:

[Scss] 純文字檢視 複製程式碼
themes/_night-sky.scss

這樣在編譯的時候就不會生成對應的css檔案了,只會單純的作為一個匯入檔案使用。

部分檔案的引用也是可以省略副檔名的,程式碼如下:

[Scss] 純文字檢視 複製程式碼
themes/_night-sky

相關文章