javascript - 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/'));
});