Часы Gulp выполняются только один раз - PullRequest
Новая
       9

Часы Gulp выполняются только один раз

0 голосов
/ 17 февраля 2019

Я знаю, что есть много вопросов с новой версией глотка.Мне пришлось изменить свой gulpfile.js, и теперь, когда я его запускаю, он выполняется только один раз.Я пытался использовать функцию return на gulp.watch, но она ничего не делает.Вот мой код: 

'use strict';

var gulp = require('gulp');
var sass = require('gulp-sass');
var runSequence = require('run-sequence');
var iconfont = require('gulp-iconfont');
var async = require('async');
var consolidate = require('gulp-consolidate');
var sassLint = require('gulp-sass-lint');

gulp.task('sass', function(){
    return gulp.src('app/scss/**/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('app/css'))
});

gulp.task('sass-lint', function () {
    return gulp.src('app/scss/**/*.s+(a|c)ss')
        .pipe(sassLint())
        .pipe(sassLint.format())
        .pipe(sassLint.failOnError())
});

gulp.task('watch', gulp.series('sass'), function (){
    gulp.watch('app/scss/**/*.scss', gulp.series(gulp.parallel('sass' , 'sass-lint' )));
});

gulp.task('build', function (callback) {
    runSequence(['sass'],
        callback
        )
});

gulp.task('iconfont', function(done){
    var iconStream = gulp.src(['app/images/svg/*.svg'])
      .pipe(iconfont({
        fontName: 'icons',
      }));
      async.parallel([
        function handleGlyphs(cb) {
            iconStream.on('glyphs', function(glyphs, options) {
                gulp.src('conf/_iconfont-template.scss')
                  .pipe(consolidate('lodash', {
                    glyphs: glyphs,
                    fontName: 'icons',
                    fontPath: '../fonts/',
                    className: 's'
                  }))
                  .pipe(gulp.dest('app/scss/utilities/'))
                  .on('finish', cb);
              });
            },
            function handleFonts (cb) {
                iconStream
                    .pipe(gulp.dest('app/fonts/'))
                    .on('finish', cb);
            }
          ], done);
});

Вот что я получаю в терминале:

enter image description here

1 Ответ

0 голосов
/ 17 февраля 2019

Ваша проблема в основном здесь: 

// your version
gulp.task('watch', gulp.series('sass'), function (){

// should be:
gulp.task('watch', gulp.series('sass', function (done) {

gulp.task теперь принимает только два аргумента.

Другие комментарии:

  1. Эта частьВаша задача 'watch' выглядит странно: 

    gulp.series(gulp.parallel('sass' , 'sass-lint' )));

gulp.series здесь ничего не делает, предположительно, вы хотите: 

gulp.parallel('sass' , 'sass-lint' ));

Final 'watch' taskс done обратным вызовом для завершения асинхронного сигнала. 

gulp.task('watch', gulp.series('sass', function (done){
    gulp.watch('app/scss/**/*.scss', gulp.parallel('sass' , 'sass-lint'));
    done();
}));
Вам больше не нужен плагин run-sequence.Вы можете изменить задачу 'build' на использование gulp.series.
...