样式表必须位于sass目录中，且带有gulp-compass错误

Question

我正在将一个grunt项目转换为gulp，并且在gulp-compass时遇到问题。

我们将scss文件分散在源代码中，而不是全部分散在一个目录中。 该结构对于该项目很重要，并且不能更改。

我以为我会尝试以类似grunt项目的方式来设置配置，但是a）我感到困惑，为什么它期望一个目录与实际的gulp.src路径无关，并且b）无论如何我都无法正常工作。

// Compass
gulp.task('compass:dev', function() {
    return gulp.src(appPath + '/**/*.scss')
        .pipe(compass({
            project: path.join(__dirname, rootPath),
            css: distPath + '/css',
            sass: appPath + '/'
        }))
        .pipe(gulp.dest(distPath + '/css'));
});

错误是：

[17:02:20] Starting 'compass:dev'...
[17:02:21] Individual stylesheets must be in the sass directory.


events.js:85
      throw er; // Unhandled 'error' event
            ^
Error: Compass failed

Answer 1

经过大量的玩弄，我终于能够add_import_path与add_import_path选项一起使用：

// Compass
gulp.task('compass:dev', function() {
    return gulp.src(appPath + '/**/*.scss')
        .pipe(plugins.compass({
            css: distPath + '/css',
            sass: path.join(__dirname, appPath) + '/',
            add_import_path: path.join(__dirname, appPath) + '/'
        }))
        .pipe(gulp.dest(distPath + '/css'));
});