ember.js - 在 Ember-CLI 项目中编译 Compass

Question

我正在使用 ember-cli v0.0.23，并且正在尝试获取 broccoli-compass包与我的项目一起工作，但我遇到了一些问题。

首先，在我的 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 在输出中)。

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

关于如何成功地让 compass、broccoli-compass 和 ember-cli 正常运行，我有什么想法吗？

提前致谢

Answer 1

您可以使用 ember-cli-compass-compiler在 ember-cli 应用程序中编译 compass 的插件。

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

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

这就是您需要做的所有事情，从现在开始一切都按预期进行。它在 ember build 或 ember serve 命令上将您的 appname.scss 文件编译成 appname.css。