使用`@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

除非导入引入了除mixins之外的其他东西，否则唯一的开销将是在编译时，那时sass编译器必须跟踪更多的mixins但计算机擅长这类事情，所以我不会担心。

需要注意的是像@import "compass/reset";这样的东西，它导入了大量的重置样式。这也不会对性能产生太大影响，但它确实会向样式表中添加样式，从而改变输出。样式是在您导入的点处插入的，因此在以后以later CSS rules of equal specificity trump earlier ones格式导入.scss文件中不是混合的任何内容时一定要小心。

但真正的答案是，一如既往地尝试导入一个最小的.scss文件，看看另一端会产生什么CSS。最后，CSS就是你给浏览器的东西。确保它是洁食的！