我对ember很新,对构建工具也很陌生.我目前正在使用通常的基础安装和基础cli和指南针来编译我的CSS,这有点痛苦,对于团队合作非常糟糕.我认为用文件安装文件并使用文件中所述的ember-cli-compass-compiler会更好,但是它没有按预期工作.我想将app.scss文件放在app / styles目录中,并导入该文件中所有必需的基础组件.我还想将_settings.scss组件保留在app / styles目录中,以便可以轻松共享.
例如
@import "settings"; @import "vendor/foundation/scss/foundation";
但是这给了我错误文件导入未找到或不可读：vendor / foundation / scss / foundation.
我可以向您保证,vendor目录中的foundation.scss文件确实存在.我也尝试使用brocfile.js中的app.import()导入文件,但没有用.
解决方法
如果要使用.scss版本的Foundation,首先应该将项目配置为使用broccoli-sass：
npm install --save-dev broccoli-sass
然后将app / styles / app.css重命名为app / styles / app.scss.
然后你可以使用Bower安装Foundation：
bower install --save-dev foundation
现在,在app / styles / app.scss中,您可以使用以下内容导入Foundation样式：
@import 'bower_components/foundation/scss/normalize'; @import 'bower_components/foundation/scss/foundation';
