以下のようなbrowserifyするだけのgulpfile.jsは、よくある感じに見えるが、新しく.jsファイルが増えてもbrowserifyしてくれない。
var gulp = require('gulp');
var gutil = require('gulp-util');
var browserify = require('browserify');
var source = require("vinyl-source-stream");
gulp.task('browserify', function(){
return browserify('./js/main.js')
.bundle()
.on('error', function(err) {
gutil.log(err);
this.emit('end');
})
.pipe(source("app.js"))
.pipe(gulp.dest('./dist'));
});
gulp.task('watch', function(){
gulp.watch('./js/*.js', ['browserify']); // ここがポイント
});
こうするとよい:
var gulp = require('gulp');
var gutil = require('gulp-util');
var browserify = require('browserify');
var source = require("vinyl-source-stream");
gulp.task('browserify', function(){
return browserify('./js/main.js')
.bundle()
.on('error', function(err) {
gutil.log(err);
this.emit('end');
})
.pipe(source("app.js"))
.pipe(gulp.dest('./dist'));
});
gulp.task('watch', function(){
gulp.watch('js/*.js', ['browserify']);
});