import - 使用 SASS 时如何从不同目录导入文件？

Question

在SASS中，是否可以从另一个目录导入文件？例如，如果我有这样的结构:

- root_directory
    - sub_directory_a
        - _common.scss
        - template.scss
    - sub_directory_b
        - more_styles.scss

template.scss可以使用@import "common"导入_common.scss，但是more_styles.scss是否可以导入_common.scss？我尝试了一些不同的方法，包括 @import "../sub_directory_a/common" 和 @import "../sub_directory_a/_common.scss" 但似乎没有任何效果。

Answer 1

更新:请考虑 Mikka's answer首先 - 如果您只对包含子目录感兴趣，它应该可以毫无缺陷地工作。我的答案是特定于包含子目录以外的目录，但也适用于这些目录。但是:这不是惯用的做法。

<小时/>

看起来 SASS 的一些更改使您最初尝试做的事情成为可能:

@import "../subdir/common";

我们甚至让它适用于位于 c:\projects\sass 中的一些完全不相关的文件夹:

@import "../../../../../../../../../../projects/sass/common";

只需添加足够的 ../ 即可确保最终到达驱动器根目录，然后就可以开始了。

当然，这个解决方案远非漂亮，但我无法从完全不同的文件夹导入工作，既不使用 I c:\projects\sass 也不设置环境变量SASS_PATH (来自: :load_paths reference )到相同的值。