使用 Gulp . Js 如何将流保存到多个目的地？

在使用Gulp.js进行前端开发自动化时，有时我们需要将相同的文件流保存到多个不同的目的地。这可以通过使用 gulp.dest() 函数来实现，该函数可以在管道中多次调用来指定多个保存路径。

下面是一个具体的例子，展示如何将CSS文件同时保存到两个不同的目录中：

javascript
// 引入gulp和其他需要用到的插件
const gulp = require('gulp');
const cleanCSS = require('gulp-clean-css'); // CSS压缩插件

// 定义一个任务，压缩CSS并且将压缩后的文件输出到两个不同的目录
gulp.task('minify-css', function() {
    return gulp.src('src/css/*.css')  // 指定要处理的CSS文件目录
        .pipe(cleanCSS({compatibility: 'ie8'})) // 执行压缩操作
        .pipe(gulp.dest('dist/css'))  // 第一个输出目录
        .pipe(gulp.dest('backup/css'));  // 第二个输出目录
});

// 设置默认任务（可选）
gulp.task('default', gulp.series('minify-css'));

在这个例子中，我们首先通过 gulp.src() 指定了CSS文件的源目录。然后，使用 cleanCSS 插件进行CSS文件的压缩处理。之后，我们通过调用两次 gulp.dest()，将压缩后的CSS文件分别保存到 dist/css 和 backup/css 这两个目录中。

这种方法的优势在于它简单且直观，能够灵活地将文件输出到多个目的地。此外，由于Gulp.js使用的是流式处理，这种多次调用gulp.dest()的做法不会对性能造成太大影响。