将Gulp 3功能转换为Gulp V4

我正在遵循一个关于react的教程，该教程需要gilp。本教程中使用的gulpfile.js基于较旧版本的Gulp。我正在尝试将其转换为V4，但运气不太好

我想确保代码是正确的，并且我发现我添加的更改可以使部件正常工作，但是我确信有更好的方法来转换它。这是教程中提供的原始代码：

“严格使用”；
//依赖关系
var gulp=需要（“gulp”）；
var sass=需要（'gulp-sass'）；
var minifyCSS=require（'gulp-clean-css'）；
var-uglify=需要（'gulp-uglify'）；
var rename=require（'gulp-rename'）；
var变更=要求（'gulp-changed'）；
///////////////
//-SCSS/CSS
///////////////
var SCSS_SRC='./SRC/Assets/SCSS/***.SCSS'；
var SCSS_DEST='./src/Assets/css'；
//编译SCS
gulp.task（'compile_scss'，function（）{
咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜）
.pipe（sass（）.on（'error'，sass.logError））
.pipe（minifyCSS（））
.pipe（重命名（{后缀：'.min'}））
.管道（更换（SCSS_DEST））
.管道（大口目的地（SCSS_目的地））；
});
//检测SCS中的变化
吞咽任务（'watch_scss'，function（）{
gulp.watch（SCSS_SRC，[compile_SCSS]）；
});
//运行任务
吞咽任务（'default'，['watch_scss']）；

---

我所要寻找的是将上述内容转换为gulp v4版本的正确方法

我能够找到它。但是，我不确定它是否是最优化的代码：

'use strict';

//dependencies
const gulp = require('gulp');
const sass = require('gulp-sass');
const minifyCSS = require('gulp-clean-css');
const uglify = require('gulp-uglify');
const rename = require('gulp-rename');
const changed = require('gulp-changed');



///////////////
// - SCSS/CSS
///////////////

// Compile SCSS
function scss() {
    return gulp.src('./src/Assets/scss/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(minifyCSS())
    .pipe(rename({ suffix: '.min' }))
    .pipe(changed('./src/Assets/css'))
    .pipe(gulp.dest('./src/Assets/css'))
}

// Watch files
function watchFiles() {
    gulp.watch('./src/Assets/scss/**/*.scss', scss);
}

exports.default = watchFiles;