如何在Gulp任务中使用gulp-defer？

Question

我遇到的问题是在加载页面内容之前已加载javascript，因此决定在gulptask中使用gulp-defer包。

这是代码

// including plugins
var gulp = require('gulp')
    defer = require("gulp-defer");

// task
gulp.task('concat', function () {
    gulp.src('./javascript/*.js') // path to your files
    .pipe(concat('concat.js'))  // concat and name it "concat.js"
    .pipe(gulp.dest('./dest'));
});
gulp.task('html:release', function() {
  return gulp.src('./index.html')
   .pipe(defer())                  //defer method is called 
   .pipe(gulp.dest('./dest'));
});

我从gulp-defer包中提到了这一点。实际上，我无法理解它是如何处理的。 请任何人解释延迟在Gulp任务中如何工作 。 提前致谢！！

Answer 1

不确定您要什么，但是文档是不言自明的：

将阻止渲染的javascript和css移动到延迟加载部分。

如果您收到PageSpeed Insights结果中的“消除首屏内容中的阻止渲染的JavaScript和CSS”警告，可能会有所帮助

https://www.npmjs.com/package/gulp-defer