我如何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来重命名它。