Gulp error with gulp-compass : You must compile individual stylesheets from the project directory

Question

I try to run a gulp task to compile my sass project but since I create subfolder app/assets/ and put my sources files into it, I have a issue. Before when sass and css folder was in the same directory than my gulpfile it was running perfectly. And if I run a compass watch command on my base directory I have no issue, this is only with gulp-compass. The output : ``` Devnco: /Users/Devnco/Web/maquette ->gulp sass [gulp] Using gulpfile ~/Web/maquette/gulpfile.js [gulp] Starting 'sass'... [gulp] Finished 'sass' after 6.12 ms [gulp] You must compile individual stylesheets from the project directory. [gulp] Plumber found unhandled error: [gulp] Error in plugin 'gulp-compass': Compass failed [gulp] You must compile individual stylesheets from the project directory. [gulp] Plumber found unhandled error: [gulp] Error in plugin 'gulp-compass': Compass failed [gulp] You must compile individual stylesheets from the project directory. [gulp] Plumber found unhandled error: [gulp] Error in plugin 'g…

Accepted Answer

I use this to compile my compass file and it works fine, it comes right from the gulp-compass docs

if you are not using config.rb

```
var compass = require('gulp-compass'),
  path = require('path');

gulp.task('compass', function() {
  gulp.src('./src/*.scss')
  .pipe(compass({
    project: path.join(__dirname, 'assets'),
    css: 'css',
    sass: 'sass'
  }))
  .pipe(gulp.dest('app/assets/temp'));
});
```

if you are using config.rb

var compass = require('gulp-compass');

```
gulp.task('compass', function() {
  gulp.src('./src/*.scss')
  .pipe(compass({
    config_file: './config.rb',
    css: 'stylesheets',
    sass: 'sass'
  }))
  .pipe(gulp.dest('app/assets/temp'));
});
```

Gulp error with gulp-compass : You must compile individual stylesheets from the project directory

Solution

Problem