如何在不在 dist 文件夹中生成两个文件的情况下使用 Gulp 压缩 uglify js

Question

我是 Gulp 的新手。

我想知道如何使用 Gulp 对静态网站中的所有 js 文件进行 concat、uglify 和 gzip。

我有一个这样的任务，但我只想在 dist 文件夹中包含 .gz 文件而不是 combine.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"));
});

更新

我鼓励您阅读 cmets。就我而言，问题是由于 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"));
});

最终文件将是 build/js 中唯一的“combined.min.js.gz”。如果您不喜欢该名称，可以将其重命名为 gulp-rename。