css - Sass @imports 层次结构 : Bottom to top or top to bottom?

Question

我正在做一个我第一次使用 scss 的元素。我们有一个主文件，@imports 所有其他文件；这可能还会导入一些其他文件。

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

进行此操作的最佳方法是什么？如何优化 Sass 导入？

Answer 1

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

其次，您可以尝试使用 libsass编译你的SASS。 Libsass 是原始 ruby​​ 元素的一个端口，编译速度更快。它的功能不完整，但值得一试，并且可以在不接触 SASS 文件的情况下加快编译速度。

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