如何在gulp任务中使用gulp-defer?

时间:2017-04-07 05:48:55

标签: javascript node.js gulp gulp-task

我遇到了在加载页面内容之前加载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任务中是如何工作的。 在此先感谢!!

1 个答案:

答案 0 :(得分:0)

不确定您要求的是什么,但文档是自我解释的:

  

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

     

如果你得到"消除渲染阻塞,这可能会有所帮助   上传内容中的JavaScript和CSS"来自PageSpeed的警告   洞察结果

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