使用`@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就是你给浏览器的东西。确保它是犹太教！