如何在Gulp任务中重命名已编译的sass文件

Question

我试图编写一个简单的gulp任务，它接受一个名为manifest.scss的scss文件，在编译和缩小文件后，它将结果保存到目标文件夹中，如app.css

以下任务除了重命名文件（输出是build / css / manifest.css）之外几乎可以做任何我想要的事情。

gulp.task('sass', function() {
 gulp.src("src/sass/manifest.scss")
      .pipe(sass({ style: 'compressed' }))
      .pipe(minifyCSS())
      .pipe(gulp.dest('build/css'));
});

所以，我尝试了gulp-rename，并按如下方式更新了任务：

gulp.task('sass',  function() {
 gulp.src("src/sass/manifest.scss")
      .pipe(sass({ style: 'compressed' }))
      .pipe(minifyCSS())
      .pipe(rename('app.css'))
      .pipe(gulp.dest('build/css'));
});

这会产生build / css / app.css文件，但它完全是空白的。

如何重命名已编译的文件？

由于