SASS - 架構＆加載

Question

我在Symfony2上使用SASS，我讀了關於推薦的sass架構的few articles。

• 基/ - 包含全局樣式，如重置，排版，顏色，等等
• 組件/ - 包含在它自己的各.scss自包含組件 局部
• 佈局/ - 包含造型更大的佈局組件;例如導航， 頁眉，頁腳等
• 頁/ - 包含特定頁面的樣式，如果需要的話
• 主題/ - 包含不同主題造型
• utils的/ - 包含全球混入，功能，輔助選擇等。
• 廠商/ - 包含第三方的風格，混入等
• main.scss - 彙集了上述所有零件

在示例中所裝入的所有文件在輸出文件小號時間，但我擔心我應該分開不同的頁面樣式和它們的加載。

我想問一下，是否一次加載所有.scss文件不會減慢頁面速度？爲什麼不提及分離？變量的繼承？爲什麼？

Answer 1

文件的分離使得開發更容易 - 無需搜索數百甚至數千行SCSS，只要您想進行小的更改就更好 - 但不用擔心;它不會減慢你的頁面。

當SASS編譯時，它將SCSS文件合併到一個CSS文件中，並經常在同一時間縮小它。