Gulp任務複製目錄中的所有文件，編譯所有SCSS文件，保持其他文件不變？

Question

我有一個scss目錄裏面一堆文件：

scss/ 
    file.scss 
    anotherfile.scss 
    image.jpeg 
    dir/ 
    other.ttf 

我想gulp編譯這：

css/ 
    file.css 
    anotherfile.css 
    image.jpeg 
    dir/ 
    other.ttf 

目前，它編譯所有.css文件，但它不會對任何複製的其他文件。

這就是我現在有;

const path2 = require('path'); 
... 
gulp.task('sass', function() { 
    gulp.src("./scss/*.scss") 
    .pipe(sass({outputStyle: 'compressed'})) 
    .on('error', onError) 
    .pipe(rename (function (path) { 
     path.dirname = path.dirname.replace(path2.sep + "scss", path2.sep + "css"); 
     path.extname = ".css"; 
    })) 
    .pipe(gulp.dest('./')); 
}); 

我該怎麼做？

謝謝。

Answer 1

gulp.task('sass', function() { 
    gulp.src("scss/*.scss") 
    .pipe(sass({outputStyle: 'compressed'})) 
    .on('error', onError) 
    .pipe(gulp.dest('css/')); 
    // copy everything except *.scss & *.sass 
    gulp.src([ 
    "scss/**/*", 
    "!scss/**/*.{sass,scss}" 
    ]) 
    .pipe(gulp.dest('css/')); 
});