3

我正在使用 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在输出中注意）。

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

那么关于我可以做些什么来成功获得指南针、broccoli-compass 和 ember-cli 的任何想法？

提前致谢

4

2 回答 2

3

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

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

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

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

于 2014-07-31T23:54:34.187 回答
2

试试这个（添加前缀和 cssDir）：

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

史蒂芬

于 2014-04-26T22:33:17.260 回答