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

更新

我鼓励您阅读评论。在我的情况下，问题是由于使用gulp-useref造成的，因为在构建过程结束时生成了文件。可能是noob问题，但希望可以帮助任何人。

提前致谢...

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

最终文件将是＆＃34; combined.min.js.gz＆＃34; build / js中唯一的一个。如果您不喜欢该名称，可以使用gulp-rename重命名。

如何在没有在dist文件夹中生成两个文件的情况下使用Gulp gzip uglify js

1 个答案: