Я создал задачу gulp для связывания модулей с браузером, и я использую watchify для просмотра изменений. Вот моя задача gulp для проверки:
gulp.task('watch:browserify', function () {
var opts = assign({}, watchify.args, {
entries: ['./js/app.js'],
debug: true,
basedir: './app/',
paths: ['./lib']
});
var b = watchify(browserify(opts));
b.on('update', function () {
bundle();
});
function bundle() {
gutil.log(gutil.colors.blue("Starting Browserify..."));
var time = Date.now();
return b.bundle()
.on('error', gutil.log.bind(gutil, gutil.colors.red('Browserify Error')))
.pipe(source('bundle.js'))
.pipe(buffer())
.pipe(sourcemaps.init({loadMaps: true}))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('app'))
.on('end', function () {
var duration = Date.now() - time;
gutil.log(gutil.colors.blue('Finished Browserify') + " (%dms)", duration);
})
}
bundle();
});
Если я редактирую главный файл js (./js/app.js), это изменение всегда обнаруживается. Но когда я редактирую некоторые другие файлы, необходимые для основного файла, это изменение обнаруживается примерно каждый раз (но не всегда). Я здесь что-то не так?
Вот полный репозиторий Github, поэтому, возможно, вы получите полное представление о том, как я планировал это работать