Причина медленного выполнение gulp тасков?

Question

[Илья Бельский]

Приветствую. Не подскажете, почему таски style и html тормозят(style - >30 секунд)? Может я что-то неправильно указываю или неправильно комбинирую плагины?

//=======================================================
//                    Style
//=======================================================

gulp.task('style', function () {
     return gulp.src(path.src.style)
        .pipe(plugins.newer(path.dist.css))
        .pipe(plugins.plumber())
        .pipe(plugins.sourcemaps.init())
        .pipe(plugins.sass.sync())
        .pipe(gulp.dest(path.src.css))
        .pipe(plugins.csso())
        .pipe(plugins.rename({suffix: '.min'}))
        .pipe(plugins.sourcemaps.write())
        .pipe(gulp.dest(path.dist.css))
        .pipe(reload({stream: true}));
});

//=======================================================
//                        HTML
//=======================================================

gulp.task('html', function () {
    return gulp.src(path.src.html)
        .pipe(plugins.newer(path.dist.html))
        .pipe(plugins.rigger())
        .pipe(plugins.removeHtmlComments())
        .pipe(plugins.replace(/^\s*\n/mg, ''))
        .pipe(gulp.dest(path.dist.html))
        .pipe(reload({stream: true}));
});

Answer 1

[Дмитрий Кравченко]

возможно, стоит попробовать sass() вместо sass.sync(), убрать промежуточный gulp.dest (правда, зачем?) и csso() на время разработки?
вообще, вылючайте плагины по очереди и увидите, какой из них тормозит сборку

Answer 2

[sergey]

Не вижу причины писать следующее к примеру так.pipe(plugins.rigger()), можно ведь так: .pipe(rigger()), возможно это не даст ускорения, но будет правильно

Comments

[abberati]

Это не даст никакого ускорения, да и правильности здесь не намного больше, чем в существующей реализации. Если, конечно, не var plugins = require('gulp-load-plugins')().

[Илья Бельский]

abberati:Именно так. Прямо из документации к плагину))

Answer 3

[abberati]

Кроме прочего советую воспользоваться плагином gulp-load-plugins. Он реализует "ленивую" загрузку плагинов, в тот момент, когда они нужны. И разносить таски по разным файлам, чтобы на каждый таск приходилось минимальное значение require. Ведь когда интерпретатор видит require, он сразу же читает модуль и его подмодули и загружает в исполнение.

Если есть вопросы - подскажу, как это всё реализовать.

Comments

[Илья Бельский]

Слово plugins - это именно тот самый gulp-load-pligins) С чего бы мне лишнее слово писать для плагина? А вот разброс по разным файлам заинтересовал...Если не затруднит то рад буду вникнуть.

[abberati]

Илья Бельский: действительно, зачем :)
а вот мой маленький gulp. в нём, в модуле helper.js есть функция lazyTask, которая позволяет лениво подгружать таски. Если не разберётесь - пишите.

[Илья Бельский]

Иван Горбунов: Спасибо, попытаюсь разобраться)

[abberati]

Илья Бельский: буквально сегодня форкнул достаточно объёмный и полный конфиг gulp'a, собираюсь переписать его, разнести по модулям. следите, скоро должен появиться pull request, Конфа для обсуждения этого репозитория.