Posted at

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

More than 3 years have passed since last update.

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


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-* のパッケージのため、直接インストールした場合などには自動的に読み込まれないので注意。