Переход от Gulp 3.x.x к Gulp 4.x.x может потребовать нескольких изменений в синтаксисе кода. Вот несколько шагов, которые нужно предпринять, чтобы поправить синтаксис кода Gulp 3.x.x под Gulp 4.x.x:
1. Обновите версию Gulp:
Убедитесь, что у вас установлена последняя версия Gulp. Выполните следующую команду в терминале:
npm install gulp@4 --save-dev
После установки Gulp 4.x.x вы можете использовать всю его новую функциональность.
2. Используйте новые методы:
В Gulp 4.x.x были внесены изменения в API для определения и выполнения задач. Вместо использования gulp.task('taskName', callback) теперь рекомендуется использовать gulp.task('taskName', gulp.series(callback)). Подобным образом вместо gulp.task('taskName', ['dependencyTask'], callback) следует использовать gulp.task('taskName', gulp.series('dependencyTask', callback)).
3. Используйте новые методы потока:
В Gulp 4.x.x были внесены изменения в API потока. Вместо использования метода .pipe для передачи потока следующему плагину, теперь рекомендуется использовать метод .pipe у самого Gulp. Например, вместо:
gulp.src('src/*.js')
.pipe(plugin1())
.pipe(plugin2())
.pipe(gulp.dest('dist'));
следует использовать:
gulp.src('src/*.js')
.pipe(gulp.src('src/*.js'))
.pipe(plugin1())
.pipe(plugin2())
.pipe(gulp.dest('dist'));
Кроме того, методы .pipe больше не мутируют исходный поток и вместо этого возвращают новый поток. Поэтому, если вы хотите использовать поток несколько раз, сохраните его в переменную.
4. Обновите плагины:
Если вы используете сторонние плагины, обновите их до версий, совместимых с Gulp 4.x.x. Некоторым плагинам потребуется корректировка кода, чтобы они корректно работали с новой версией Gulp.
5. Используйте новые методы API:
Gulp 4.x.x предлагает новые методы API, такие как gulp.parallel для одновременного выполнения нескольких задач и gulp.lastRun для получения информации о последнем выполненном запуске задачи. Узнайте больше о новом API, ознакомившись с документацией Gulp 4.x.x.
В общем, переход с Gulp 3.x.x на Gulp 4.x.x может потребовать некоторых изменений в коде, но обновление до новой версии Gulp позволит вам использовать все новые функции и улучшения. Ознакомьтесь с документацией Gulp для получения более подробной информации о том, как обновиться и использовать новый синтаксис.