【问题标题】:Using libsass with compass将 libsass 与指南针一起使用
【发布时间】:2014-11-23 04:11:46
【问题描述】:

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

我正在考虑转向 less(引用导入),并用额外的繁重任务代替所有指南针技巧,但我更喜欢 sass 而不是 less。

我看到thosetickets,但我希望有办法用 compass 编译单个文件,其余的与 libsass 合并(我有时使用 sass 3.3 语法,但如果我能获得更好编译时间我可以恢复到 3.2)。

有人成功完成了这样的配置吗?

【问题讨论】:

  • 你不接受我的回答有什么原因吗?

标签: compass libsass


【解决方案1】:

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

grunt-sass

它使用 libsass 而不是 ruby​​ 版本,为了从 compass 中获得所有魔力,我们加入了

compass-mixins

它工作得很好。您绝对应该尝试一下,我们将编译时间从 40 多秒减少到 500-600 毫秒。


更新 2

这是一个节点模块,它自动将上述库导入到您的 grunt 环境中:

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

更新

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

【讨论】:

  • 是的,这就是我前进的方向。虽然像精灵生成这样的东西有to be replaced with other tools
  • 当这对我有用时绝对让我大吃一惊,除了删除指南针并在编译时间方面恢复 5 秒之外几乎没有任何变化。
  • 为不得不在 40 秒编译中保持 100k 行的可怜的灵魂点赞。
  • 刚刚用这个做了前端开发者的一天。删除了grunt-contrib-compass 并安装了grunt-sasscompass-importer。甚至不需要更改我的 scss 中的一行。
【解决方案2】:

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

  1. 在外壳中运行 bower install compass-sass-mixins
  2. 编辑您的 sass 文件 @import "bower_components/compass-sass-mixins/lib/compass"

  1. 在外壳中运行 npm i compass-sass-mixins
  2. 编辑您的 sass 文件 @import "node_modules/compass-sass-mixins/lib/compass"

功能列表: https://github.com/askucher/compass-sass-mixins

【讨论】:

  • 无论您使用哪种文件扩展名,它都适用。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-09-21
  • 1970-01-01
  • 2022-11-11
  • 1970-01-01
相关资源
最近更新 更多