Переход с Gulp.js версии 3 на версию 4 может потребовать некоторых изменений в синтаксисе вашего gulpfile.js. Вот несколько важных изменений, которые вам придется внести в вашу конфигурацию, чтобы она работала с Gulp.js 4.
1. Импорт модулей:
В Gulp.js 3 вы могли использовать gulp для импорта Gulp-модуля, например:
var gulp = require('gulp');
В Gulp.js 4 вам нужно использовать gulp для импорта отдельных методов из Gulp-модуля:
var { series, parallel } = require('gulp');
2. Задачи Gulp:
В Gulp.js 3 вы могли объявить задачи с помощью gulp.task, например:
gulp.task('styles', function() {
// ваш код
});
В Gulp.js 4 задачи объявляются немного иначе, используя обычные функции JavaScript:
function styles() {
// ваш код
}
exports.styles = styles;
3. Исполнение последовательности задач:
В Gulp.js 3 у вас была возможность выполнить задачи последовательно с помощью gulp.start:
gulp.task('build', function() {
gulp.start('styles');
gulp.start('scripts');
});
В Gulp.js 4 вы можете использовать новую функцию series, чтобы объединить задачи в последовательность:
function build() {
return series(styles, scripts)();
}
exports.build = build;
4. Одновременное выполнение задач:
В Gulp.js 3 вы могли выполнять задачи одновременно с помощью gulp.start:
gulp.task('watch', function() {
gulp.watch('styles/*.css', ['styles']);
gulp.watch('scripts/*.js', ['scripts']);
});
В Gulp.js 4 вы можете использовать новую функцию parallel, чтобы выполнить задачи одновременно:
function watch() {
gulp.watch('styles/*.css', styles);
gulp.watch('scripts/*.js', scripts);
}
exports.watch = watch;
Это основные изменения, с которыми вам нужно будет справиться при переходе от Gulp.js 3 к Gulp.js 4. Конечно, у вас могут быть другие настройки и кастомизации, которые вам также придется обновить, но эти примеры должны помочь вам начать работу с Gulp.js версии 4.