Sass @imports层次结构:从下到上还是从上到下?

时间:2014-10-15 13:53:02

标签: css ruby-on-rails sass

我正在开展一个我第一次使用scss的项目。我们有一个主文件@imports所有其他文件;也可能导入其他一些文件。

编译需要很长时间。人们说使用Sass时这是正常的做法。但我怀疑采用相反的方法可能会更有趣 - 有许多文件@import只有公共部分。

最好的方法是什么?如何优化Sass导入?

1 个答案:

答案 0 :(得分:2)

首先,拥有导入其他部分的main.scss(带有下划线的scss文件)是正确的方法。这是相当自以为是,但我只在主文件中使用@import而在部分文件中不使用{{1}}。对我来说,这可能导致导入你可能没有意识到的东西以及你可能不需要的东西,膨胀你的CSS。保持简单。

其次,您可以尝试使用libsass来编译您的SASS。 Libsass是原始ruby项目的一个端口,并且组合速度更快。它不是功能齐全,但值得一试,并且可以在不必触及SASS文件的情况下加快编译速度。

这是一篇关于这个主题的好文章 - lightning fast sass compiling with libsass node sass and grunt-sass/