将 Gulp 3 函数转换为 Gulp V4答案

【问题标题】：Convert Gulp 3 functions to Gulp V4将 Gulp 3 函数转换为 Gulp V4
【发布时间】：2019-09-10 21:16:34
【问题描述】：

我正在关注需要 gilp 的 react 教程。本教程中使用的 gulpfile.js 基于旧版本的 Gulp。我正在尝试将其转换为 V4，但运气不佳。

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

'use strict';

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



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

var SCSS_SRC = './src/Assets/scss/**/*.scss';
var SCSS_DEST = './src/Assets/css';

// Compile SCSS
gulp.task('compile_scss', function(){
    gulp.src(SCSS_SRC)
    .pipe(sass().on('error', sass.logError))
    .pipe(minifyCSS())
    .pipe(rename({ suffix: '.min' }))
    .pipe(changed(SCSS_DEST))
    .pipe(gulp.dest(SCSS_DEST));



});

// Detect changes in SCSS
gulp.task('watch_scss', function(){
    gulp.watch(SCSS_SRC, [compile_scss]);
});




// Run tasks
gulp.task('default', ['watch_scss']);

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

【问题讨论】：

标签： gulp gulp-watch

【解决方案1】：

我能够弄清楚。但是，我不确定它是否是最优化的代码：

'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;

【讨论】：