在 Ember-CLI 项目中编译 Compass

我正在使用 ember-cli v0.0.23，并且正在尝试获取西兰花指南针包与我的项目一起使用，但我遇到了一些问题。

首先，在我的Brocfile，我已经替换了标准 Ember-CLI“蓝图”版本：

var styles = preprocessCss(appAndDependencies, prefix + '/styles', '/assets');

具有以下内容：

var compileCompass = require('broccoli-compass');
var styles = compileCompass(appAndDependencies, 'app/styles/app.scss', {
    outputStyle: 'expanded',
    sassDir: 'app/styles',
    imagesDir: 'public/images/'
});    

但是，当我运行ember build，我收到以下输出：

$ ember build
[broccoli-compass] Error:  Command failed: Errno::ENOENT on line ["155"] of /Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/lib/compass/compiler.rb: No such file or directory - /Users/gaker/Sites/project/tmp/tree_merger-tmp_dest_dir-GrWa8Zva.tmp/app/styles/app.scss
Run with --trace to see the full backtrace. The command-line arguments was: `compass compile app/styles/app.scss --relative-assets --sass-dir app/styles --output-style expanded --images-dir public/images/ --css-dir "../compass_compiler-tmp_dest_dir-eFsq51BG.tmp"`

如果我尝试运行compass在我的终端错误中输出的命令，它确实创建了该文件，只是它位于我的项目根目录的上一个目录（注意--css-dir在输出中）。

我尝试了很多选项的组合sassDir, imagesDir等调用时compileCompass这是我得到的最接近的。

那么，我能做些什么来成功地让 compass、broccoli-compass 和 ember-cli 正常运行，有什么想法吗？

提前致谢

您可以使用ember-cli-指南针编译器在 ember-cli 应用程序中编译指南针的插件。

只需在您的 ember-cli 应用程序中执行以下操作：

npm install --save-dev ember-cli-compass-compiler

这就是您需要做的全部，从现在开始一切都按预期进行。它编译你的appname.scss文件到appname.css on ember build or ember serve命令。