3. 導入SASS文件

css有一個特別不常用的特性，即@import規(guī)則，它允許在一個css文件中導入其他css文件。然而，后果是只有執(zhí)行到@import時，瀏覽器才會去下載其他css文件，這導致頁面加載起來特別慢。

sass也有一個@import規(guī)則，但不同的是，sass的@import規(guī)則在生成css文件時就把相關文件導入進來。這意味著所有相關的樣式被歸納到了同一個css文件中，而無需發(fā)起額外的下載請求。另外，所有在被導入文件中定義的變量和混合器(參見2.5節(jié))均可在導入文件中使用。

使用sass的@import規(guī)則并不需要指明被導入文件的全名。你可以省略.sass或.scss文件后綴(見下圖)。這樣，在不修改樣式表的前提下，你完全可以隨意修改你或別人寫的被導入的sass樣式文件語法，在sass和scss語法之間隨意切換。舉例來說，@import"sidebar";這條命令將把sidebar.scss文件中所有樣式添加到當前樣式表中。

本節(jié)將介紹如何使用sass的@import來處理多個sass文件。首先，我們將學習編寫那些被導入的sass文件，因為在一個大型sass項目中，這樣的文件是你最常編寫的那一類。接著，了解集中導入sass文件的方法，使你的樣式可重用性更高，包括聲明可自定義的變量值，以及在某一個選擇器范圍內導入sass文件。最后，介紹如何在sass中使用css原生的@import命令。

通常，有些sass文件用于導入，你并不希望為每個這樣的文件單獨地生成一個css文件。對此，sass用一個特殊的約定來解決。