Как запустить gulp task из кода?

Question

[caof19]

Здраствуйте, у меня есть сборка gulp в ней есть таск для сборки less основного файла, выглядит так

gulp.task('less1', function() {
    return gulp.src(src.less)
        .pipe(plumber())
        .pipe(less())
        .pipe(min())
        .pipe(pref({
            browsers: ['last 8 versions'],
            cascade: false
        }))
        .pipe(gulp.dest('app/css'))
        .pipe(reload({stream:true}));
})

Так же в голову пришла идея, в отдельных файлах писать правила для медиа запросов, выглядит так

gulp.task('media', function() {
    return gulp.src(src.media)
        .pipe(plumber())
        .pipe(less())
        .pipe(min())
        .pipe(pref({
            browsers: ['last 8 versions'],
            cascade: false
        }))
        .pipe(reload({stream:true}));
})

Так же есть вотчер

gulp.task('watcher', function() {
    gulp.watch(src.less, ['less1']);
    gulp.watch(src.media, ['media']);
})

gulp.task('default', ['watcher', 'sync'])

Проблема в том, что изменения в файлах с медиа применяются только когда я сохраняю основной файл стилей. В основном файле медиа файлы подключены через импорт.
Вопрос в следующем, могу ли я как то решить этот вопрос, не используя плагин concat?

Answer 1

[Сергей delphinpro]

Так же в голову пришла идея, в отдельных файлах писать правила для медиа запросов, выглядит так

Очень плохая мысль.
Вы используете препроцессор. Используйте на полную. Пишите правила медиа прямо внутри селектора, к которому они применяются.

Плюс начните использовать плагин для комбинации медиа (combine-mq и подобные) — они в результирующем css соберут все медиа в конце файла.

По вопросу: вы можете вызывать несколько тасков

gulp.watch(src.less, ['less1', 'media']);
gulp.watch(src.media, ['media']);

Comments

[caof19]

Ранее использовал метод, которые Вы описали выше, но он мне не совсем удобен. Из интереса почему, плохо описывать медиа в отдельных файлах?
Но благодаря Вам меня посетила мысль, сделать так:

gulp.watch(src.less, ['less1'']);
gulp.watch(src.media, ['less1']);

Учитываю что у меня эти файлы импортируются можно просто обновлять главный файл. Спасибо

[Сергей delphinpro]

caof19,

Из интереса почему, плохо описывать медиа в отдельных файлах?

Ну элементарно удобнее работать с каким-то элементом на странице, имея весь его код в одном месте, а не переключаясь по разным файлам.