Wie gzip ich eine Uglify js mit Gulp ohne Generierung von zwei Dateien in Dist-Ordner

Question

Ich bin neu mit Gulp.

Ich frage mich, wie kann ich alle JS-Dateien von einer statischen Website mit Gulp concat, uglify und gzip.

Ich habe eine Aufgabe wie diese, die funktioniert, aber ich würde nur gehören die gz-Datei im Ordner dist möchte und nicht die 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

Ich möchte Sie ermutigen um die Kommentare zu lesen. In meinem Fall wurde das Problem durch eine schlechte Verwendung von gulp-useref verursacht, da die Datei am Ende des Buildprozesses generiert wurde. Wahrscheinlich Noob Problem, aber hoffentlich kann jedem helfen.

Vielen Dank im Voraus ...

Answer 1

Dies sollte funktionieren. Speichern Sie die .min-Datei einfach in einem temporären Ordner. Sie können das später löschen, wenn Sie möchten.

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")); 
}); 

Die endgültige Datei wäre "combined.min.js.gz" das einzige in build/js. Wenn Sie diesen Namen nicht mögen, können Sie ihn mit gulp-rename umbenennen.