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

更新於:2023年4月19日

瀏覽量:321

開啟你的職業生涯

完成課程獲得認證

開始學習
廣告