SASS 的完整形式是 Syntropically Awesome Style Sheets。它是一個預處理器或編譯器,我們可以用它來編譯 SCSS。
現在的問題是,SCSS 是什麼? SCSS 允許開發人員以更好的方式編寫 CSS 程式碼,因為它包含變數、巢狀規則、函數等以及類似的高級功能。
例如,我們可以在SCSS中使用變量,因此我們不需要多次寫入單一值,而是可以使用變數名稱來存取它。同樣,我們可以在SCSS中建立函數並在編寫CSS程式碼時停止重複。
經常讓開發人員感到困惑的 SASS 功能之一是建立快取資料夾。在了解快取資料夾之前,我們先來了解什麼是快取。
經常存取的資料儲存在快取中,以提高應用程式的效能。例如,電腦將經常存取的資料儲存在高速緩衝記憶體中以提高回應。每當我們關閉電腦時,所有資料都會從快取中清除。
首次執行SASS編譯器時會自動建立SASS快取資料夾。快取資料夾的位置由作業系統和所使用的 SASS 編譯器版本決定。通常,快取資料夾位於“styles.scss”檔案所在的相同目錄中。
基本上,快取資料夾是在SASS中建立的,用於儲存編譯器產生的CSS輸出,以提高編譯過程的效能。
因此,每當我們重新編譯 SCSS 檔案時,編譯器都會檢查快取資料夾中是否已存在相關檔案的輸出。如果是,它將從舊文件加載輸出。否則,如果檔案中新增了任何新程式碼或進行了改進,它會編譯 SCSS 檔案程式碼。
這樣可以提高編譯過程的效率,減少編譯時間,提升SCSS的編譯效能。
開發人員應注意,手動刪除快取資料夾可能會導致重新編譯所有 SCSS 檔案並增加編譯時間。眾所周知,在開發應用程式時,編譯效率至關重要。
但是,如果使用者想忽略快取目錄中儲存的輸出並重新編譯所有文件,可以在終端機中使用以下命令。
sass --force sass/styles.scss:css/styles.css
在上面的命令中,我們在編譯命令中添加了“—force”,透過忽略儲存在快取資料夾中的所有輸出來強制所有 SCSS 檔案重新編譯。
如果使用者對編譯效率要求不高,也可以停用快取目錄。
編譯 SCSS 檔案時在終端機中使用以下命令來停用建立快取資料夾。
sass --no-cache sass/styles.scss:css/styles.css
在這裡,我們在上面的命令中使用了「--no-cache」選項,每當我們在插入新程式碼或進行一些更改後重新編譯 SCSS 檔案時,該選項都會停止建立快取目錄。
我們可以得出結論,每當我們第一次編譯SCSS程式碼時,都會自動建立快取資料夾,以提高程式碼的效能。如果開發者不需要快取資料夾,可以停用它或強制重新編譯所有檔案。
以上是為什麼要建立SASS快取資料夾?的詳細內容。更多資訊請關注PHP中文網其他相關文章!