【问题标题】:Is there a penalty for using `@import "compass/css3"` instead of `@import "compass/css3/border-radius"`?使用 `@import "compass/css3"` 而不是 `@import "compass/css3/border-radius"` 会受到惩罚吗?
【发布时间】:2013-04-03 19:07:02
【问题描述】:

我有一个 sass 文件

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

我刚刚发现替换为

@import "compass/css3";

也可以。

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

【问题讨论】:

    标签: compass-sass


    【解决方案1】:

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

    需要注意的是 @import "compass/reset"; 之类的东西,它会导入大量的重置样式。这也不会对性能产生太大影响,但它确实会在样式表中添加样式,从而改变输出。样式会在您导入的位置插入,因此稍后在您的 .scss 文件中导入任何不是 mixin 的内容时要小心,例如 later CSS rules of equal specificity trump earlier ones

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

    【讨论】:

    • compass watch 在检测到更改后调用 css identical
    猜你喜欢
    • 2012-12-27
    • 2012-08-16
    • 2013-06-03
    • 1970-01-01
    • 2014-05-23
    • 2012-06-15
    • 1970-01-01
    • 2019-09-27
    • 2018-06-04
    相关资源
    最近更新 更多