javascript - 从另一个目录导入 .scss(sass) 文件？

Question

• 来源目录
  • scss
    • 样式.scss
  • bootstrap-scss
    • _变量.scss
    • bootstrap.scss

所以我想我可以将所有 bootstrap.scss 文件移动到主“scss”文件夹中，但那是最后的选择。

我的问题是我正在尝试导入类似于“bootstrap.scss”的“_variables.scss”，这样我就可以设置变量来影响我的主要 bootstrap.css 和我编写的 styles.css 一个变量，酷嗯？但是，当我尝试将其导入 source_dir > scss > styles.scss 时，出现错误。

// Failed
@import "variables";

// Failed
@import "../bootstrap-scss/variables";

最后，我正在使用 gulp 进行编译，所以我真的不想看文件，这是这里选择的答案 SASS: Import a file from a different directory?我需要阅读更多关于该帖子的内容，但现在必须有一种好的导入方式吗？

Answer 1

我已经尝试了我之前在评论中建议的符号链接(symbolic link)方法，它似乎有效。这是一个示例文件夹结构:

.
├── sources
│   └── sass
│       ├── bootstrap -> ../../vendor/bootstrap
│       └── style.scss
└── vendor
    └── bootstrap
        └── _variables.scss

在 style.scss 中:

@import "bootstrap/variables"

我用 ln -s ../../vendor/bootstrap sources/sass/ 创建了(相对)符号链接(symbolic link)，Sass 正确地选择了位置。