我如何gzip uglify js與Gulp沒有生成dist文件夾中的兩個文件

Question

我是新的使用Gulp。

我想知道如何從靜態網站使用Gulp來連接，uglify和gzip所有js文件。

我有個任務像這樣的工作，但我想只有在dist文件夾包含.GZ文件，而不是combined.js

gulp.task("concat-js", function() { 
return gulp.src("./src/js/*.js") 
    .pipe(concat("combined.min.js")) 
    .pipe(uglify()) 
    .pipe(gzip()) 
    .pipe(gulp.dest("./build/js")); 
}); 

UPDATE

我鼓勵你閱讀評論。在我的情況下，這個問題是由於使用gulp-useref引起的，因爲在構建過程結束時生成了該文件。可能小巧的問題，但希望可以幫助任何人。

在此先感謝...

Answer 1

這應該工作。只需將.min文件存儲在臨時文件夾中即可。如果您願意，可以稍後刪除。

gulp.task("concat-js", function() { 
    return gulp.src("./src/js/*.js") 
    .pipe(concat("combined.min.js")) 

    .pipe(gulp.dest('./temp')) 

    .pipe(uglify()) 
    .pipe(gzip()) 
    .pipe(gulp.dest("./build/js")); 
}); 

最終文件將是「combined.min.js.gz」build/js中唯一的文件。如果你不喜歡這個名字，你可以用gulp-rename來重命名它。