為什麼要建立SASS快取資料夾?

WBOY
發布: 2023-09-10 11:01:02
轉載
1171 人瀏覽過

為什麼要建立SASS快取資料夾?

什麼是 SASS?

SASS 的完整形式是 Syntropically Awesome Style Sheets。它是一個預處理器或編譯器,我們可以用它來編譯 SCSS。

現在的問題是,SCSS 是什麼? SCSS 允許開發人員以更好的方式編寫 CSS 程式碼,因為它包含變數、巢狀規則、函數等以及類似的高級功能。

例如,我們可以在SCSS中使用變量,因此我們不需要多次寫入單一值,而是可以使用變數名稱來存取它。同樣,我們可以在SCSS中建立函數並在編寫CSS程式碼時停止重複。

什麼是快取資料夾,它何時在 SASS 中建立?

經常讓開發人員感到困惑的 SASS 功能之一是建立快取資料夾。在了解快取資料夾之前,我們先來了解什麼是快取。

經常存取的資料儲存在快取中,以提高應用程式的效能。例如,電腦將經常存取的資料儲存在高速緩衝記憶體中以提高回應。每當我們關閉電腦時,所有資料都會從快取中清除。

首次執行SASS編譯器時會自動建立SASS快取資料夾。快取資料夾的位置由作業系統和所使用的 SASS 編譯器版本決定。通常,快取資料夾位於“styles.scss”檔案所在的相同目錄中。

為什麼要建立快取資料夾?

基本上,快取資料夾是在SASS中建立的,用於儲存編譯器產生的CSS輸出,以提高編譯過程的效能。

因此,每當我們重新編譯 SCSS 檔案時,編譯器都會檢查快取資料夾中是否已存在相關檔案的輸出。如果是,它將從舊文件加載輸出。否則,如果檔案中新增了任何新程式碼或進行了改進,它會編譯 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中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!