#延遲@impot(Lazy Loading)
我們在日常開發SASS時，常用@import來將其他文件引入當前的文件之中，雖然這在模塊畫設計中尤為常見，但隨著專案的成長，過多的@import操作會影像效能，這時候就可以使用延遲載入技術來改善。延遲載入可以提高頁面的加載速度，我們可以透過這個功能來約束文件載入的量，只有達成某些條件時，對應的樣式文件才會被引入並應用，從而達到有效減少不必要的樣式加載，提升使用者的體驗的目標。
範例:

$theme: 'dark';

@if $theme == 'dark'{
    @import 'dark-theme';
} else {
    @import 'light-theme';
}

這段程式碼展示了根據變數$theme的值來動態載入不同的主題樣式。當$theme是dark時，引入dark-theme.scss，否則引入light-theme.scss。這就是一種簡單的延遲載入概念。

此外，我們也可以在開發過程中，將常用的樣式與不常用的樣式分開來管理，確保只有必要的時候才加載不常用的樣式，這樣可以減少頁面的樣式負擔，提升頁面載入速度，尤其在移動端或低網速環境下效果更顯著。
今天的延遲載入功能就到這裡，歡迎指正錯誤！ 加油！！！