javascript - 在他自己的任务中要求一个包是否正确？ [ gulp ]

Question

我最近开始使用 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 之上堆叠在一起的所有 require 和在他自己的任务中的 require 之间有区别吗？可能是性能？

Answer 1

这对性能有好处，因为只有在执行该任务时才需要该模块。好处在于启动速度，而不是执行任务本身的速度。

换句话说，在大多数情况下，在您的任务中使用 require 会更快。

实践通常表明 gulpfile.js 的可读性，而不是速度。

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

当然也有异常(exception)，但您通常会在开发机器或 CI 中运行 gulp，而不是在生产环境中，因此启动速度实际上是您可以花更少时间关注代码的东西。