使用带指南针的libsass

时间:2014-09-28 19:06:27

标签: compass libsass

正如标题所说。超过50秒的编译时间是不可接受的。那么,有没有办法,比如说:一个带有罗盘魔法的单个(部分)文件(比如sprite mixins等),其余的文件都是纯粹的sass?

我正在考虑转向更少(参考导入),并用额外的grunt任务替换所有指南针技巧,但我对sass更舒服而不是更少。

我看到those tickets,但我希望有一种方法可以用罗盘编译单个文件,其余的与libsass合并(我有时会使用sass 3.3语法,但是如果我可以获得更好的编译时间,我可以恢复到3.2)。

有没有人成功进行此类配置?

2 个答案:

答案 0 :(得分:35)

在我们的案例中(> 100.000 LoCSS),我们成功地从grunt-contrib-compass转移到了

的组合

grunt-sass

使用libsass而不是ruby版本,并从罗盘获得所有魔法,我们包括

compass-mixins

它运作得很好。你一定要尝试一下,我们将编译时间从40秒减少到500-600毫秒。


更新2

这是一个节点模块,可以自动将上面提到的lib导入您的grunt环境中:

https://github.com/haithembelhaj/compass-importer

<强>更新

创建libsass的端口显然是创作者的想法:https://github.com/Compass/compass/issues/1916

答案 1 :(得分:1)

这是sass文件(不是scss)的答案。请始终区分它们

  1. 在shell中运行 bower install compass-sass-mixins
  2. 编辑您的sass文件 @import "bower_components/compass-sass-mixins/lib/compass"
    1. 在shell中运行 npm i compass-sass-mixins
    2. 编辑您的sass文件 @import "node_modules/compass-sass-mixins/lib/compass"
    3. 功能列表: https://github.com/askucher/compass-sass-mixins