compass-sass - 使用 `@import "compass/css3"` 而不是 `@import "compass/css3/border-radius"` 会受到惩罚吗？

Question

我有一个 sass 文件

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

我刚刚发现用

@import "compass/css3";

也有效。

有什么理由不使用后一种形式吗？

Answer 1

除非 import 引入了 mixins 以外的东西，否则唯一的开销将是在编译时，此时 sass 编译器必须跟踪更多的 mixins ——但计算机擅长这种事情，所以我不会出汗.

需要注意的是@import "compass/reset";，它会导入大量的重置样式。这也不会对性能产生太大影响，但它确实会在样式表中添加样式，从而改变输出。.scss样式会在您导入的位置插入，因此在稍后在文件中导入任何不是 mixin 的内容时要小心，因为稍后的等特异性 CSS 规则胜过之前的规则。

但与往常一样，真正的答案是尝试.scss使用导入的最小文件，看看另一端会出现什么 CSS。最后，那个 CSS 就是你给浏览器的东西。确保它是犹太洁食！