Jac*_*sor 5 css sass ember.js compass-sass
我对ember很新,对构建工具也很陌生.我目前正在使用通常的基础安装和基础cli和指南针来编译我的CSS,这有点痛苦,对于团队合作非常糟糕.我认为最好安装带有凉亭的文件,并ember-cli-compass-compiler按照文档中的说明使用,但是它没有按预期工作.我想将该app.scss文件放在app/styles目录中,并导入该文件中所有必需的基础组件.我还想将_settings.scss组件保留在app/styles目录中,以便可以轻松共享.
例如
@import "settings";
@import "vendor/foundation/scss/foundation";
然而,这给了我错误 File to import not found or unreadable: vendor/foundation/scss/foundation.
我可以向您保证,vendor目录中的foundation.scss文件确实存在.我也曾尝试使用导入文件app.import()中Brocfile.js但无济于事.
Her*_*ric 13
如果要使用.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,您可以导入基础样式:
@import 'bower_components/foundation/scss/normalize';
@import 'bower_components/foundation/scss/foundation';