Question

我正在使用Ember CLI非常流行的ember-cli-sass插件。开箱即用它运行良好，但是，在文档中它描述了如何扩展SASS的包含路径，以便您可以轻松导入已添加的框架：

在Brocfile.js：

中

 var app = new EmberApp({
   sassOptions: {
     includePaths: [
       'bower_components/foundation/scss'
     ]
   }
 });

在我的情况下，我想使用一个名为jasny-bootstrap的移动导航的bootstrap插件而不是基础框架，所以我改用：

 var app = new EmberApp({
    sassOptions: {
        includePaths: [
        'bower_components/jasny-bootstrap/scss'
        ]
    },
 });

然后我通过添加 import 指令包含完整的库：

 @import "jasny-bootstrap";

但我没有愉快地唱出我的成就，而是坚持以下错误：

/tree_merger-tmp_dest_dir-xqu9CWq6.tmp/app/styles/app.scss:5：导入未找到或不可读的文件：“jasny-bootstrap”

然而bower_components / jasny-bootstrap / scss的目录列表是：

-rw-r--r--  1 User  staff   796  6 May  2014 _alerts-fixed.scss
-rw-r--r--  1 User  staff  1092  6 May  2014 _button-labels.scss
-rw-r--r--  1 User  staff  2163  6 May  2014 _fileinput.scss
-rw-r--r--  1 User  staff   161  6 May  2014 _grid-container-smooth.scss
-rw-r--r--  1 User  staff  1861  6 May  2014 _nav-tab-alignment.scss
-rw-r--r--  1 User  staff  6235  6 May  2014 _navmenu.scss
-rw-r--r--  1 User  staff   954  6 May  2014 _offcanvas.scss
-rw-r--r--  1 User  staff   364  6 May  2014 _rowlink.scss
-rw-r--r--  1 User  staff  2899  6 May  2014 _variables.scss
-rw-r--r--  1 User  staff   384  6 May  2014 jasny-bootstrap.scss

正如您所看到的那样，它是可读的并且使用cat我可以验证文件jasny-bootstrap.scss确实没有任何问题（它只是对上述scss模块的一组导入）。

Answer 1

好的，事实证明我遇到的问题隐藏在另一个附加组件中。上面列出的语法和方法是正确无需修改，但如果您遇到类似的结果，则值得查看可能设置的附加组件清单 sassOptions 属性本身。

在我的情况下，ember-cli-bootstrap-sass模块破坏性地设置了sassOptions includePaths属性，因此我的设置是静脉。我已经纠正了这个并发送了PR，所以希望这个特定的附加组件很快就会修复，但是可能还有其他与SASS相关的附加组件，它们的行为类似。

SASS编译器不添加包含路径

1 个答案: