【发布时间】:2013-04-03 19:07:02
【问题描述】:
我有一个 sass 文件
@import "compass/css3/border-radius";
@import "compass/css3/box-shadow";
我刚刚发现替换为
@import "compass/css3";
也可以。
有什么理由不使用后一种形式吗?
【问题讨论】:
标签: compass-sass
我有一个 sass 文件
@import "compass/css3/border-radius";
@import "compass/css3/box-shadow";
我刚刚发现替换为
@import "compass/css3";
也可以。
有什么理由不使用后一种形式吗?
【问题讨论】:
标签: compass-sass
除非导入引入了 mixins 以外的东西,否则唯一的开销将是在编译时,此时 sass 编译器必须跟踪更多的 mixins——但计算机擅长这种事情,所以我不会汗流浃背。
需要注意的是 @import "compass/reset"; 之类的东西,它会导入大量的重置样式。这也不会对性能产生太大影响,但它确实会在样式表中添加样式,从而改变输出。样式会在您导入的位置插入,因此稍后在您的 .scss 文件中导入任何不是 mixin 的内容时要小心,例如 later CSS rules of equal specificity trump earlier ones。
但与往常一样,真正的答案是尝试使用导入的最小.scss 文件,看看另一端会出现什么CSS。最后,那个 CSS 就是你给浏览器的东西。确保它是洁净的!
【讨论】:
compass watch 在检测到更改后调用 css identical。