gulp - Compass 失败：您必须从项目目录编译单个样式表。答案

【问题标题】：gulp - Compass failed: You must compile individual stylesheets from the project directory.gulp - Compass 失败：您必须从项目目录编译单个样式表。
【发布时间】：2014-05-20 23:21:47
【问题描述】：

我正在使用 gulpjs，我想指南针

但我收到以下错误

[gulp] gulp-notify: [Error running Gulp] Compass failed
[gulp] You must compile individual stylesheets from the project directory.

这是我的 config.rb

http_path = "/"
css_dir = "app/assets/src/stylesheets"
sass_dir = "app/assets/stylesheets"
images_dir = "app/assets/images"
javascripts_dir = "app/assets/javascript"

这是我的 gulp.js

.pipe($.compass({
    config_file: './config.rb',
    css: 'app/assets/src/stylesheets',
    sass: 'app/assets/stylesheets',
    require: [
    'bourbon',
    'singularitygs'
    ],bundle_exec:true}))

【问题讨论】：

只运行 compass compile 而不用 gulp 是否有效？

标签： gulp compass-sass singularitygs

【解决方案1】：

（因声望无法评论）

您使用 .scss 还是 .sass 文件？如果你只使用 .sass，这里有一个工作代码，但不是罗盘：

var sass = require('gulp-ruby-sass');

gulp.task('compile-sass-task', function() {
    return gulp.src(config.path.sass+"/main.sass")
        .pipe(sass())
        .pipe(gulp.dest(config.path.css));
});

如果您提供更多信息，我会进行编辑。为什么要使用 compass 而不是 gulp-sass 呢？

【讨论】：

Compass 提供了很多原版 Sass 所没有的功能。其中最重要的是通过 RubyGems 支持 Compass 扩展（Sass 库分发）。