為什麼建立 SASS 快取資料夾?
什麼是 SASS?
SASS 的全稱是 Syntactically 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 程式碼時會自動建立,以提高程式碼的效能。如果開發者不需要快取資料夾,他們可以停用它或強制重新編譯所有檔案。