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

【问题标题】：Importing a .scss(sass) file from another directory?从另一个目录导入 .scss(sass) 文件？
【发布时间】：2014-03-26 14:44:03
【问题描述】：

source_dir
- scss
  - styles.scss
- 引导-scss
  - _variables.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? 我需要阅读更多关于该帖子的内容，但必须有一个好的这几天怎么导入？

【问题讨论】：

我了解您希望 Boostrap 远离您的代码库；您是否尝试在 scss 的某个位置创建指向 bootstrap 的符号链接？
无论哪种方式，来自链接问题的-I 建议对您仍然有用 - 您只需要以某种方式告诉 Gulp 在编译期间传递此标志。
我需要用谷歌搜索，我正在进入全新的领域。但不，我没有尝试过。
见stackoverflow.com/questions/16388506/…和stackoverflow.com/questions/15949004/sass-or-less-packaging
@MichaelJosephAubry 要求在 config.rb 中完成（这是由 Compass 生成的文件，其中包含您的配置——使用 Sass 时通常通过命令行标志设置的内容）。

标签： javascript sass gulp

【解决方案1】：

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

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

在 style.scss 中：

@import "bootstrap/variables"

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

【讨论】：

好的太棒了，你说它的工作让我给它一个破解，首先我需要实际谷歌符号链接方法，生病 brb。
你能给我一个关于符号链接方法的提示吗？我不明白，关于信息过载。
我只是在命令行中调用ln -s ../../vendor/bootstrap sources/sass/，然后创建符号链接吗？也许我需要进入 sass 目录？
-s 之后的第一个 arg 是指向的目标路径（相对于符号链接文件位置 - 此时尚未解析），第二个是创建链接本身的位置。
我实现了这个@import "../../../../../../../../../../source/scss-bootstrap/variables";，它确实有效，显然很难看，我现在要试试你的方法。