將編譯后的 sass 寫入文件的父目錄

Question

說我有文件結構：

styles
    truly
        very
            deep
                afile.sass

所需的輸出是

styles
    truly
        very
            afile.css
            deep
                afile.sass

---

到目前為止我嘗試過的：

gulp.task('sass', function () {
    return gulp.src('./truly/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('truly'));
});

差不多，但是編譯到同一個目錄。

以下是我嘗試過的gulp.dest()參數：

..

不輸出任何內容，可能在目錄根目錄之外理解。

.

從重復的結構very從根開始。

truly/..

也在外面復制，我試過很多其他的也沒有成功。

Answer 1

請參閱我在修改父目錄中的回答一個非常相似的問題。

所以沒有測試：

const flatten = require('gulp-flatten');    

gulp.task('sass', function () {
  return gulp.src('truly/**/*.scss')
    .pipe(sass().on('error', sass.logError))

    // will strip off the last directory, 'deep' in your case
    .pipe(flatten({ subPath: [0, -1] }))

    .pipe(gulp.dest('truly'));
});