使用.scss filename确定gulp的输出路径

Question

假设我有以下目录结构：

project
│
├destination
│ ├abc
│ │ └style.css
│ ├def
│ │ └style.css
│ └ghi
│   └style.css
│
├scss
│ ├abc.scss
│ ├def.scss
│ └ghi.scss
│
├gulpfile.js
...

有没有办法，使用gulp，接受被监视的scss文件的名称，并将其用作确定输出路径的方法？因此，在保存ghi.scss时，结果将为destination/ghi/style.css？

我尝试过使用gulp-filenames依赖项，但我对gulp的体验非常有限。

我当前的gulp文件如下：

var gulp = require('gulp');

var filenames = require("gulp-filenames");
var sass = require('gulp-sass');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');

gulp.task('sass', function() {
    return gulp.src('scss/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('css'));
});

gulp.task('watch', function() {
    gulp.watch('scss/*.scss', ['sass']);
});

gulp.task('default', ['sass', 'watch']);