Как поправить код Gulp 3 под Gulp 4?

Для перехода с Gulp 3 на Gulp 4 необходимо внести несколько изменений в код Gulp-файла. Вот список наиболее значимых изменений и их рекомендации по обновлению:

1. Плагины Gulp: Gulp 4 требует обновления плагинов до последних версий, так как некоторые функции могут измениться или быть удалены. Перейдите на страницу каждого плагина Gulp, которые вы используете, и проверьте, есть ли доступное обновление или новая версия, совместимая с Gulp 4.

2. Синтаксис gulp.task(): В Gulp 4 синтаксис gulp.task() был изменен. Вместо использования gulp.task('название_задачи', функция), теперь вы должны использовать gulp.task('название_задачи', gulp.series(функция)) или gulp.task('название_задачи', gulp.parallel(функция1, функция2)) в случае, если вам нужно запустить несколько задач параллельно. Обновите все ваши gulp.task() согласно новому синтаксису.

3. Определение задач: Если у вас есть задачи, определенные с использованием gulp.task() в файле Gulp-файла, вы должны обернуть каждую задачу в gulp.series или gulp.parallel. Например, если у вас есть задача 'sass', вы должны обновить ее с помощью gulp.task('sass', gulp.series(функция)) или gulp.task('sass', gulp.parallel(функция1, функция2)), если нужно запустить несколько задач параллельно.

4. Последовательность задач: В Gulp 3 последовательность выполнения задач в определенном порядке гарантировалась с использованием зависимостей задач. В Gulp 4 вы должны использовать gulp.series и gulp.parallel для определения порядка выполнения задач. Например, если у вас есть задача 'build', которая должна выполняться после задач 'sass' и 'js', вы можете определить ее следующим образом: gulp.task('build', gulp.series('sass', 'js', функция)).

5. Зависимости задач: Если у вас есть задачи, которые зависят от выполнения других задач, вы должны использовать gulp.series или gulp.parallel для правильного определения порядка выполнения и зависимостей. Например, если у вас есть задача 'build', которая должна выполниться после задачи 'sass', но параллельно с задачей 'js', вы можете определить ее следующим образом: gulp.task('build', gulp.series('sass', gulp.parallel('js', 'функция'))).

6. Обновленный API Gulp: В Gulp 4 есть несколько новых методов API, которые вам могут пригодиться в вашем коде, например, watch(), который заменяет gulp.watch(). Просмотрите документацию Gulp 4, чтобы узнать больше о новых методах и их использовании.

Помимо вышеперечисленных изменений, у вас также может быть несколько других специфичных для вашего проекта изменений, которые вам нужно внести. Важно проверить документацию и обновления плагинов, которые вы используете, чтобы убедиться, что ваш код будет совместим с Gulp 4.

Не забывайте резервировать ваш код и проверять его после внесения изменений, чтобы убедиться, что все работает должным образом.