使用`@import「指南針/ css3」`而不是`@import「指南針/ css3/border-radius」`有沒有懲罰？

Question

我有

@import "compass/css3/border-radius"; 
@import "compass/css3/box-shadow"; 

一個SASS文件，我剛剛發現，更換與

@import "compass/css3"; 

也適用。

有什麼理由不使用後一種形式？

Answer 1

除非導入引入了mixin以外的其他東西，否則唯一的開銷是在編譯時，sass編譯器必須跟蹤更多的mixin，但計算機在這種情況下很好，所以我不會沒有汗水。

這裏需要注意的是@import "compass/reset";，它會導入大量的重置樣式。這也沒有太大的性能影響，但它確實將樣式添加到樣式表中，這會更改輸出。這些樣式會在您導入的位置插入，因此請稍後在.scss文件中輸入非混合的任何內容，例如later CSS rules of equal specificity trump earlier ones。

但一如既往，真正的答案是嘗試一個最小的.scss文件與導入，看看哪些CSS出來的另一端。最後，那個CSS就是你給瀏覽器的東西。確保它是猶太教！