5.import & Partials

CSS本身帶有導入@import功能,可以把其他CSS 檔案包含進來,但由於每次使用@import 瀏覽器每一次都會發出新的對HTTP的請求,來下載要被導入的檔案,因為每一次HTTP的請求都會消耗資源,所以就會讓網頁變的更慢。

SASS擴展了這個功能,他可以在一個SASS 檔案裡面,去把其他的SASS檔案包含進來,SASS會把他們編譯成一個CSS檔案,這樣就可以把項目要的樣式分割成不同小部分,然後用這種導入的方式,把眾多小部分包含到一個SASS檔案中,這些小部分在SASS裡面叫做 Partials ,每一個partials就是一個SASS檔案,檔案名稱前面需要加一個下底線 _ ,讓SASS知道這是一個partials。

partials 檔案命名例: _base.scss

Last updated