このGulpスニペットに複数のgulp.dest（）があるのはなぜですか？

Question

次のGulpスニペットが見つかりました。私はそれについて質問しています。あなたが見ることができるように、オートプレフィックス後に1回、最後に1回、gulp.dest('app/assets/css')部分の2倍があります。私は最初のものを取り除こうとしましたが、最後に残しておきました。違いは見られませんでした。だから私の質問は、最初のgulp.destの理由は何ですか？名前変更タスクまたはcssnanoタスクでファイルがすでに宛先にあることが必要なのでしょうか？

gulp.task('css', function() { 
    return gulp.src('src/scss/style.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(autoprefixer('last 2 version')) 
    .pipe(gulp.dest('app/assets/css')) 
    .pipe(cssnano()) 
    .pipe(rename({ suffix: '.min' })) 
    .pipe(header(banner, { package : package })) 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest('app/assets/css')) 
    .pipe(browserSync.reload({stream:true})); 
}); 

Answer 1

このスクリプトはまたsourcemapsにファイルを作成しても

資産/ CSS

ディレクトリにそれを入れているようです。あなたはもちろんのsourcemapsを必要としない場合

.pipe(sourcemaps.write()) 
.pipe(gulp.dest('app/assets/css')) 

：実はあなたはそれらの2行を削除することができます。

UPD：あなたが唯一の最初gulp.dest()を削除する場合はgulp.dest()コマンドだけで渡されたデータを取り、先のディレクトリに書き込むため 、もう一つは、まだちょうどsourcemapsを書きます。この場合、「渡されたデータ」はソースマップのみです。 最初のgulp.dest()に渡されたデータは、自動補完されたCSSです。

.pipe(autoprefixer('last 2 version')) // autoprefixed css is ready 
.pipe(gulp.dest('app/assets/css')) //css is passed to gulp.dest 
........ 
.pipe(sourcemaps.write()) // sourcemaps are ready 
.pipe(gulp.dest('app/assets/css')) // sourcemaps passed to gulp dest