Новый стандар в gulpfile.js были внесины?

Question

[Nikolay]

Здравствуйте.

Когда-то работала такая запись, а сейчас уже перестала работать?

gulp.task('watch', function() {
gulp.watch([paths.pug.load[0], paths.pug.load[1]], ['pug:build', reload]);
gulp.watch([paths.sass.load[0], paths.sass.load[1]], ['sass:build', reload]);
});

Как можно оптимизировать чтобы - это снова заработало?

gulp.task('watch', function() {
gulp.watch([paths.pug.load[0],paths.pug.load[1]], gulp.series('pug:build'));
});

Вот так работает! Но нет перезагрузки веб браузера( И что за новые возможности series, parallel появились?

Answer 1

[alex]

gulp.task('watch', function() {
  gulp.watch([paths.pug.load[0],paths.pug.load[1]], gulp.series(
    'pug:build',
    done => {
      reload();
      done();
    }
  ));
});

И что за новые возможности series, parallel появились?

эта загадка человечества, разгадать которую можно, прочитав документацию

Comments

[Nikolay]

Ох, нифигас Работает! Честно не понял код( Главное что работает) Спасибо!

[alex]

nikolayogreba,

Честно не понял код

читайте доки. в данном случае в gulp.series вторым аргументом передается функция

function (done) {
  reload();
  done();
}

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

function deploy(done) {
  console.log('деплоим на github')
  
  done(); // закончили
}
function copy(done) {
   console.log('копируем на диск')
  
  done(); // закончили
}

gulp.series(
  function (done) {
    console.log('собираем стили');
    console.log('моем собак');
    console.log('гладим кошек');
    
    done(); // закончили
  },
  function (done) {
    console.log('сжимаем катинки');
    
    done(); // закончили
  },
  copy,
  deploy
)