Почему не запускается таск «clean» во время сборки?

Question

[Расул Гитинов]

Обновился до 4 версии Gulp и стал устранять ошибки, которые стали появляться.

Во время сборки проекта выходит ошибка:


Для очистки папки dist использую плагин del. Вот коды тасков:

// Clean Dist

gulp.task('clean', function() {
	return del.sync('dist');
});

// Build project

gulp.task('build', gulp.parallel('clean', 'nunjucks', 'sass', 'scripts', 'css-libs', 'img'), function() {
	var buildHtml = gulp.src('app/*.html')
	.pipe(gulp.dest('dist'));

	var buildCss = gulp.src([
		'app/css/styles.css',
		'app/css/libs.min.css'
		])
	.pipe(gulp.dest('dist/css'))

	var buildJs = gulp.src([
		'app/js/common.js',
		'app/js/libs.min.js'
	])
	.pipe(gulp.dest('dist/js'))

	var buildFonts = gulp.src('app/fonts/**/*')
	.pipe(gulp.dest('dist/fonts'))
});

В чем может быть проблема?

Answer 1

[Сергей delphinpro]

просто вызовите коллбек, сообщив этим, что задача завершена.

gulp.task('build', gulp.parallel('clean', 'nunjucks', 'sass', 'scripts', 'css-libs', 'img'), function(cb) {
  var buildHtml = gulp.src('app/*.html')
  .pipe(gulp.dest('dist'))
  .on('end', function(){
    cb();// сигналим о завершении
  })

gulp.task('clean', function(cb) {
  del('dist').then( (paths) => {
    cb(); // сигналим о завершении
  }); 
});

Очистку не нужно запускать параллельно с другими задачами. Сначала очистить, потом создавать. т.е.

gulp.series(
  'clean',
   gulp.parallel(все остальное)
)

Comments

[Расул Гитинов]

Спасибо. Ошибка перестала появляться и таски запускаются. Но, хоть сборка и происходит, папка dist не появляется в проекте. Вот таск сейчас:

// Build project

gulp.task('build', gulp.series('clean', gulp.parallel('nunjucks', 'sass', 'scripts', 'css-libs', 'img')), function() {
	var buildHtml = gulp.src([
		'app/*.html',
		'app/robots.txt'
	])
	.pipe(gulp.dest('dist'));

	var buildCss = gulp.src([
		'app/css/styles.css',
		'app/css/libs.min.css'
		])
	.pipe(gulp.dest('dist/css'))

	var buildJs = gulp.src([
		'app/js/common.js',
		'app/js/libs.min.js'
	])
	.pipe(gulp.dest('dist/js'))

	var buildFonts = gulp.src('app/fonts/**/*')
	.pipe(gulp.dest('dist/fonts'))
});

Answer 2

[Dima Polos]

Материал

Comments

[Расул Гитинов]

Я искал, но не понял как это использовать в моем случае

[Dima Polos]

Расул Гитинов, я понял, ну есть идея, я только что смотрел ишью на гитхабе по такой же проблеме, но там так конкретного ответа не дали. Что я понял, так это надо из таск как-то дать сигнал, что она завершилась. Так как del возвращает промис, то можно сделать так: del('dist').then( (paths) => {console.log(paths); return true;}); Не уверен, что прав. Да, Вы используете del.sync, этот метод не возвращает промис, а возвращает массив строк. Я на всяк случай добавил вывод удаленных путей в консоль. Попробуйте. Я от приколов 4 галпа вернулся на 3)

[Расул Гитинов]

Dima Polos, Не сработало. Я сам запарился с 4 версией. А как вернуться на 3 без ущербов?

[Dima Polos]

Расул Гитинов, я заново переписал все конфиги и поставил зависимости. Так что даже не знаю что посоветовать, потерял часов 6.

Answer 3

[Pipop]

Была такая же ошибка. Костыльный метод:

var paths = {
  dirs: {
    build: '.build'
  }
};

gulp.task('clean', function (cb) {
  del(paths.dirs.build);
  cb();
});