【问题标题】:Sass @imports hierarchy: Bottom to top or top to bottom?Sass @imports 层次结构:从下到上还是从上到下?
【发布时间】:2014-10-16 01:15:00
【问题描述】:

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

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

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

【问题讨论】:

    标签: css ruby-on-rails sass


    【解决方案1】:

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

    其次,您可以尝试使用libsass 来编译您的SASS。 Libsass 是原始 ruby​​ 项目的一个移植版本,编译速度要快得多。它的功能并不完整,但值得一试,并且可以加快您的编译速度,而无需接触 SASS 文件。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-12-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-03-08
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多