What is the benefit of adding the sync() function to gulp-sass?

Question

JavaScript

How is the standard code different:

'use strict';
 
var gulp = require('gulp');
var sass = require('gulp-sass');
 
gulp.task('sass', function () {
  gulp.src('./sass/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./css'));
});
 
gulp.task('sass:watch', function () {
  gulp.watch('./sass/**/*.scss', ['sass']);
});

from

'use strict';
 
var gulp = require('gulp');
var sass = require('gulp-sass');
 
gulp.task('sass', function () {
  gulp.src('./sass/**/*.scss')
    .pipe(sass.sync().on('error', sass.logError))
    .pipe(gulp.dest('./css'));
});
 
gulp.task('sass:watch', function () {
  gulp.watch('./sass/**/*.scss', ['sass']);
});

It means that the scss files in the first version will be compiled in turn, and in the second they will be compiled in parallel / synchronously or what?

Answer 1

You can also compile synchronously

https://github.com/dlmanning/gulp-sass#basic-usage

and in the second they will be compiled in parallel / synchronously or what?

On the contrary, synchronously = sequentially.