Переписать таск под gulp 4?

Question

[VloVer]

Помогите переписать таск с 3 gulp в 4

var gulp = require('gulp');
var autoprefixer = require('gulp-autoprefixer');
var concatCSS = require('gulp-concat-css');
var browserSync = require('browser-sync');
var rename = require('gulp-rename');
var gutil = require('gulp-util');
var sass = require('gulp-sass');
var ftp = require('gulp-ftp');

// Запускаем сервер + отлаживаем sass/html файли
gulp.task('serve', ['sass'], function() {

browserSync.init({
server: "./src",
notify: false,
host: "185.27.134.11"

});

gulp.watch("src/sass/*.sass", ['sass']);
gulp.watch("src/*.html").on('change', browserSync.reload);
});

// Компилируем sass в CSS и вставляем изминения в браузер
gulp.task('sass', function() {
return gulp.src("src/sass/**/*.sass")
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(concatCSS('style.css'))
.pipe(gulp.dest("src/css"))
.pipe(browserSync.stream());
});

gulp.task('default', ['serve']);

Comments

[Сергей delphinpro]

https://gulpjs.com/docs/en/getting-started/creatin...

Answer 1

[Сергей delphinpro]

В общем-то достаточно поменять такие конструкции
gulp.task('default', ['serve']);
на вызовы gulp.series / gulp.parallel

gulp.task('default', function(done){
  gulp.series(
    'serve'
  )(done)
});

Comments

[VloVer]

Не помогает

apple@MacBook Продвижение % gulp
internal/modules/cjs/loader.js:985
throw err;
^

Error: Cannot find module 'filename-regex'
Require stack:
- /Users/apple/Desktop/Продвижение/node_modules/anymatch/node_modules/micromatch/lib/utils.js
- /Users/apple/Desktop/Продвижение/node_modules/anymatch/node_modules/micromatch/lib/expand.js
- /Users/apple/Desktop/Продвижение/node_modules/anymatch/node_modules/micromatch/index.js
- /Users/apple/Desktop/Продвижение/node_modules/anymatch/index.js
- /Users/apple/Desktop/Продвижение/node_modules/chokidar/index.js
- /Users/apple/Desktop/Продвижение/node_modules/glob-watcher/index.js
- /Users/apple/Desktop/Продвижение/node_modules/gulp/index.js
- /usr/local/lib/node_modules/gulp/node_modules/gulp-cli/lib/versioned/^4.0.0/index.js
- /usr/local/lib/node_modules/gulp/node_modules/gulp-cli/index.js
- /usr/local/lib/node_modules/gulp/bin/gulp.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:982:15)
at Function.Module._load (internal/modules/cjs/loader.js:864:27)
at Module.require (internal/modules/cjs/loader.js:1044:19)
at require (internal/modules/cjs/helpers.js:77:18)
at Object. (/Users/apple/Desktop/Продвижение/node_modules/anymatch/node_modules/micromatch/lib/utils.js:5:14)
at Module._compile (internal/modules/cjs/loader.js:1158:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1178:10)
at Module.load (internal/modules/cjs/loader.js:1002:32)
at Function.Module._load (internal/modules/cjs/loader.js:901:14)
at Module.require (internal/modules/cjs/loader.js:1044:19) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'/Users/apple/Desktop/Продвижение/node_modules/anymatch/node_modules/micromatch/lib/utils.js',
'/Users/apple/Desktop/Продвижение/node_modules/anymatch/node_modules/micromatch/lib/expand.js',
'/Users/apple/Desktop/Продвижение/node_modules/anymatch/node_modules/micromatch/index.js',
'/Users/apple/Desktop/Продвижение/node_modules/anymatch/index.js',
'/Users/apple/Desktop/Продвижение/node_modules/chokidar/index.js',
'/Users/apple/Desktop/Продвижение/node_modules/glob-watcher/index.js',
'/Users/apple/Desktop/Продвижение/node_modules/gulp/index.js',
'/usr/local/lib/node_modules/gulp/node_modules/gulp-cli/lib/versioned/^4.0.0/index.js',
'/usr/local/lib/node_modules/gulp/node_modules/gulp-cli/index.js',
'/usr/local/lib/node_modules/gulp/bin/gulp.js'
]
}
apple@MacBook Продвижение %