我最近开始使用Gulp,发现了许多不同的Gulpfile.js结构.

最近,我使用了以下结构：

/* All requires are in the top of the archive */
var gulp = require('gulp'),
    sass = require('gulp-sass'),
    uglify = require('gulp-uglify'),
    ...;

/* here comes the tasks */

现在,我正在处理以下内容：

gulp.src('css', function() {
   var sass = require('gulp-sass');

   ...
});

在gulpfile.js之上堆叠在一起的所有需求与在他自己的任务中的需求之间是否有区别？性能也许？

解决方法:

性能上有好处,因为仅在执行该任务时才需要该模块.好处将在于启动速度,而不是执行任务本身的速度.

换句话说,在大多数情况下,在任务中包含需求会更快.

实践通常建议您的gulpfile.js具有可读性,而不是速度.

在这种情况下,速度增益将非常微不足道,并且会降低可读性.

当然也有例外,但是您通常在开发机器或CI中而不是在生产环境中运行gulp,因此启动速度实际上是您可以花更少的时间专注于代码的东西.