ディレクトリ内のすべてのファイルをコピーし、すべての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/')); 
});