我正在为Ember使用非常流行的ember-cli-sass插件。但是,在文档中它可以很好地工作,但是它描述了如何扩展SASS的包含路径,以便您可以轻松地导入您添加的框架:
在Brocfile.js中
var app = new EmberApp({
sassOptions: {
includePaths: [
'bower_components/foundation/scss'
]
}
});在我的情况下,我想使用一个名为jasny-bootstrap的移动导航引导插件,而不是基础框架,所以我使用:
var app = new EmberApp({
sassOptions: {
includePaths: [
'bower_components/jasny-bootstrap/scss'
]
},
});然后,通过添加导入指令,包括完整的库:
@import "jasny-bootstrap";但是,我并没有愉快地歌颂自己的成就,而是被以下错误所困扰:
导入未找到或不可读的/tree_merger-tmp_dest_dir-xqu9CWq6.tmp/app/styles/app.scss:5:文件:“jasny-引导”
但是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模块)。
发布于 2014-11-07 15:15:57
好的,原来我遇到的问题被隐藏在另一个附加程序中。上面列出的语法和方法是正确的,不需要进行任何修改,但是如果您正在经历类似的结果,那么值得看一看可能正在设置sassOptions属性本身的加载项清单。
在我的例子中,ember-cli-bootstrap-sass模块破坏性地设置了sassOptions includePaths属性,因此我的设置是顺带的。我已经纠正了这一点,并发送了一个公关,所以希望这一特殊的附加将尽快修复,但可能有其他与SASS相关的附加功能,它们的行为类似。
https://stackoverflow.com/questions/26803603
复制相似问题