javascript - 如何在 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 package.actually 我无法理解它是如何处理的。请任何人解释延迟在 gulp 任务中是如何工作的。提前致谢！！

Answer 1

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

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

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

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