Как обновлять файлы в Gulp?

Question

[Unknown]

Привет!
Пытаюсь сделать bundle с помощью таска js

gulp.task('js', () => {
	return gulp.src('dev/src/**/*.js')
		// .pipe(file('bundle.wheelly.js', 'dev/dist'))
		.pipe(concat('bundle.wheelly.js'));
		.pipe(gulp.dest('dev/dist'));
	});

Но такой вариант не подходит потому что, такой скрипт "одноразовый", т.е. когда я сохраняю файлы в дирректории dev/src/**/*.js таск js запускается снова и в файл bundle.js к тому коду что был добавляется новый код.
Но я хочу удалять (обновлять) старый код и брать новый из дирректорий dev/src/**/*.js.
Пробовал связать два плагина gulp-file и gulp-concat, но не получилось, плагины вместе не могут работать или я не знаю как их заставить работать вместе.
Как решить задачу?

Answer 1

[deeppines]

Использовать инкрементальную сборку.
watch в помощь - документация.

Советую так же посмотреть скринкаст Ильи Кантора - ссылка

Comments

[Unknown]

Конечно я использую watch, но может быть примитивно. Спасибо за наводку! А вот до скринкаста И. Кантора все никак не доползу, все откладываю на потом)

[deeppines]

Unknown, Очень зря, начните смотреть, большая часть вопросов отвалится сама собой.

Вот довольной простой вариант решения подобной задачи:

gulp.task('build:js', function () {
    return gulp.src(['source/js/*.js',
            '!source/js/**/*.md',])
        .pipe($.plumber(option.plumber))
        .pipe($.rigger())
        .pipe(gulp.dest(path.build.js));
});

$.watch(['source/js/**/*.js'], function(event, cb) {
        return runSequence('build:js', reload);
});

[Unknown]

Lucas Kane, хмм интересно, то что мне нужно, наверное, спрятано за ключевым словом reload)

[deeppines]

var reload = browserSync.reload;

Не думаю, это перезагрузка вкладки браузера, к сборке js не имеет отношения.

[Unknown]

Lucas Kane, аа, я думал, что у watch есть ключевое слово reload. Предположил не глядя в документацию)