样式表必须在 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 选项来实现这一点：

// 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'));
});