将gulp 3的语法更改为gulp 4，问题与差异3和4版本

Question

我通过这个问题检查了很多帖子，但我不能理解我必须在代码中编辑什么。我知道我必须使用gulp.series('code')来代替'code'。你能帮我吗，我想了解GULP3和GULP4在语法上的差异。主要有哪些方面？

const gulp = require('gulp');
    const sass = require('gulp-sass');
    const autoprefixer = require('gulp-autoprefixer');
    const cssnano = require('gulp-cssnano');
    const browserSync = require('browser-sync');
    
    gulp.task('scss', () => {
      return gulp
        .src('dev/scss/**/*.scss')
        .pipe(sass())
        .pipe(
          autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {
            cascade: true
          })
        )
        .pipe(cssnano())
        .pipe(gulp.dest('dist/css'))
        .pipe(browserSync.reload({ stream: true }));
    });
    
    gulp.task('browser-sync', () => {
      browserSync({
        server: {
          baseDir: 'dist'
        },
        notify: false
      });
    });
    
    gulp.task('default', ['browser-sync', 'scss'], () => {
      gulp.watch('dev/scss/**/*.scss', ['scss']);
      gulp.watch('dist/*.html', browserSync.reload);
    });

Answer 1

更改以下内容：

gulp.task('default', ['browser-sync', 'scss'], () => {
  gulp.watch('dev/scss/**/*.scss', ['scss']);
  gulp.watch('dist/*.html', browserSync.reload);
});

致：

gulp.task('default', gulp.series('browser-sync', 'scss', () => {
  gulp.watch('dev/scss/**/*.scss', 'scss');
  gulp.watch('dist/*.html', browserSync.reload);
}));

查看v4的任务签名(https://gulpjs.com/docs/en/api/task#签名）：

task([taskName], taskFunction)

gulp.series('function1', 'function2', etc.)   // or gulp.parallel(...)