Почему после сборки проекта не появляется папка dist в Gulp 4?

Question

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

Перешел на Gulp 4 версии и после выполнения таска build, папка 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'))
});

Как решить эту проблему? В 3 версии все работало корректно.

Comments

[Сергей delphinpro]

Можете скинуть мне весь проект в личку (телега, почта в профиле).
Будет минутка — гляну. А то у вас проблема на проблеме =))

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

Сергей delphinpro, Да, я уже запарился)) Сейчас скину в телеграм

[Pipop]

Расул Гитинов, Можете поделиться, если исправят? Та же проблема

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

Pipop, Да, обязательно

[Pipop]

Расул Гитинов, спасибо

[Сергей delphinpro]

Pipop, см ответ

Answer 1

[Сергей delphinpro]

в общем проблема похоже в методе task()
Его сигнатура изменилась
task([taskName], taskFunction)

Здесь нет третьего параметра, как было в третьей версии.
Соответственно объявленные анонимные функции не запускаются (этот параметр игнорится)

Старый подход к объявлению задач с предварительным запуском других не работает.
Нужно отдельно описывать все задачи и запускать через series/parallel, или анонимными функциями в том же series

Было:

gulp.task(
  'sometask',      // название задачи
  ['anothertask'], // выполнить перед задачей
  function(){}     // сама задача
)

Стало:

gulp.task(
  'sometask',     // название задачи
  gulp.series(    // последовательно выполнить
    'anothertask',  // другие задачи
     function(){}   // и саму задачу
  )
)

Добавлю неправильный вариант, который может ввести в заблуждение:

gulp.task(
  'sometask',     // название задачи
  gulp.series('anothertask'),  // выполнить другие задачи
  function(){}   // и саму задачу
)

Comments

[Aliskhan]

Сделал как вы сказали, все грузит в dist, но в консоле такая ошибка:
[15:25:55] The following tasks did not complete: build, anonymous (в ковычках)
[15:25:55] Did you forget to signal async completion?

[Aliskhan]

сам таск build.
gulp.task('build', gulp.series('clean', gulp.parallel('img','sass', 'scripts'), function(){

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

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

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

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

[Сергей delphinpro]

Aliskhan,

gulp.task(
	'build',
	gulp.series(
		'clean',
		gulp.parallel('img','sass', 'scripts'),
		gulp.parallel(
			function () {
				return gulp.src([
					'app/css/main.css',
					'app/css/main.min.css'
				]).pipe(gulp.dest('dist/css'))
			},
			function () {
				return gulp.src('app/js/libs.min.js')
					.pipe(gulp.dest('dist/js'))
			},
			function () {
				return gulp.src('app/fonts/**/*')
					.pipe(gulp.dest('dist/fonts'))
			},
			function () {
				return gulp.src('app/*.html')
					.pipe(gulp.dest('dist'))
			}
		)
	)
);

[Aliskhan]

Сергей delphinpro, для каждого функцию надо прописывать?

[Aliskhan]

Сергей delphinpro, и если вас не затруднит киньте документацию на gulp 4

[Сергей delphinpro]

Aliskhan, https://gulpjs.com/

[Сергей delphinpro]

Aliskhan, функция — это задача.
Вы можете анонимки написать, как я показал, или создать отдельные задачи, или написать отдельные функции. как угодно

[Aliskhan]

Сергей delphinpro, спасибо за ваше решение, я уже второй день сидел не мог решить)