[gulp] 効率的にプラグインを読み込む

gulp で利用するプラグインをひとつひとつ読み込むと大量の require が並ぶことになる。gulp-load-plugins を利用すると package.json から自動で読み込み利用できるようになり、require する必要がなくなる。

• gulp-load-plugins

gulpfile.js

var gulp   = require('gulp');
// ひとつひとつ読み込む必要がある
var jshint = require('gulp-jshint');
 
gulp.task('lint', function() {
    return gulp.src('./lib/*.js')
        .pipe(jshint())
        .pipe(jshint.reporter());
});

gulpfile.js

var gulp = require("gulp");
// $ のメソッドとして自動的に読み込まれる
var $ = require("gulp-load-plugins")();

gulp.task('lint', function() {
    return gulp.src('./lib/*.js')
        .pipe($.jshint())
        .pipe($.jshint.reporter());
});

プラグインとして認識されるのは package.json に依存パッケージとして書かれている gulp-* のパッケージのため、直接インストールした場合などには自動的に読み込まれないので注意。