#SASS的輸出風格
SASS有支援許多種不同的輸出風格,我們可以透過這些風格來選擇如何格式化生成的CSS代碼。我們可以根據使用的環境的不同,變換不同的輸出風格,如開發環境或是正式發布時。主要的輸出風格包括:
1.nested(嵌套):
這是預設的輸出風格,生成的CSS結構會與原本的SASS保持類似的嵌套結構,適合在開發過程中查看。
2.expanded(展開):
透過expanded,我們可以使每個CSS規則被完全展開,很適合在開發中需要更直觀的需求。
3.compact(緊湊):
compact會使每條CSS規則被壓縮成單行,可以將代碼縮短,更方便檢視,適用於需要節省空間的情況。
4.compressed(壓縮):
透過compressed,可以使所有的CSS代碼被壓縮到最小,同時去除空白和註釋,適用於正式發布時使用。
#使用方法
sass --style compressed input.scss output.css
加油!!!