使用`@import“compass / css3”`而不是`@import“compass / css3 / border-radius”是否会受到惩罚?

时间:2013-04-02 15:57:53

标签: compass-sass

我有一个带

的sass文件
@import "compass/css3/border-radius";
@import "compass/css3/box-shadow";

我刚刚发现用

替换它
@import "compass/css3";

也有效。

有没有理由不使用后一种形式?

1 个答案:

答案 0 :(得分:1)

除非导入拉除了mixins以外的东西,否则唯一的开销是在编译时,当sass编译器必须跟踪更多混合时 - 但是计算机擅长那种东西,所以我不会汗流。背。

需要注意@import "compass/reset";之类的内容,它会导入大量的重置样式。这也没有太大的性能影响,但它确实为样式表添加了样式,从而改变了输出。这些样式会在您导入的位置插入,因此在导出.scss文件中不是mixin的任何内容时请务必注意later CSS rules of equal specificity trump earlier ones

但是,一如既往,真正的答案是尝试使用导入的最小.scss文件,并查看CSS从另一端出来。最后,CSS就是你给浏览器的东西。确保它是犹太洁食!