Javascript gulp4和x27的问题；s值班任务

我刚从gulp3更新到gulp4，我对“gulp.watch（）”有一个问题。我已经阅读了文档和许多网站，了解了将原始gulp4文件转换为gulp4兼容性需要采取的步骤，因此我显然遗漏了一些东西

因为我的watch调用都没有运行，所以我将只放置我的css和html任务

我的CSS任务

// Compile SCSS
gulp.task('css:compile', function(cb) {
    return gulp.src('./scss/**/*.scss')
        .pipe(sass.sync({
            outputStyle: 'expanded'
        }).on('error', sass.logError))
        .pipe(gulp.dest('./src/assets/css'))
});

// Minify CSS
gulp.task('css:minify', function(cb) {
    return gulp.src([
            './src/**/*.css',
            '!./src/**/*.min.css'
        ])
        .pipe(cleanCSS())
        .pipe(rename({
            suffix: '.min'
        }))
        .pipe(gulp.dest('./app'))
        .pipe(browserSync.stream());
});
gulp.task('css', gulp.series('css:compile', 'css:minify'));

// Includer (For head, footer, nav, etc.)
gulp.task('html:include', function(done) {
    gulp.src('./src/**/*.html')
        .pipe(includer())
        .pipe(htmlclean())
        .pipe(gulp.dest('./app'))
    done();
});
gulp.task('html', gulp.series('html:include'));

我的HTML任务

// Compile SCSS
gulp.task('css:compile', function(cb) {
    return gulp.src('./scss/**/*.scss')
        .pipe(sass.sync({
            outputStyle: 'expanded'
        }).on('error', sass.logError))
        .pipe(gulp.dest('./src/assets/css'))
});

// Minify CSS
gulp.task('css:minify', function(cb) {
    return gulp.src([
            './src/**/*.css',
            '!./src/**/*.min.css'
        ])
        .pipe(cleanCSS())
        .pipe(rename({
            suffix: '.min'
        }))
        .pipe(gulp.dest('./app'))
        .pipe(browserSync.stream());
});
gulp.task('css', gulp.series('css:compile', 'css:minify'));

// Includer (For head, footer, nav, etc.)
gulp.task('html:include', function(done) {
    gulp.src('./src/**/*.html')
        .pipe(includer())
        .pipe(htmlclean())
        .pipe(gulp.dest('./app'))
    done();
});
gulp.task('html', gulp.series('html:include'));

我的手表任务

//Compile CSS and JS, Include all HTML before watching
gulp.task('start', gulp.series(gulp.parallel('css', 'js'), 'html', 'browserSync'));

//Watch for changed files and reload browser
gulp.task('watch', function() {
    gulp.watch('./scss/*.scss', gulp.series('css'));
    gulp.watch('./src/**/*.js', gulp.series('js'));
    gulp.watch('./src/**/*.html', gulp.series('html', browserSync.reload()));
});

// Dev environment start
gulp.task('dev', gulp.series('start', 'watch'));

这里没有什么特别的，但我已经尝试了所有的变化，使每个手表成为一个变量，例如

var watcher = gulp.watch('./scss/*.scss')
watcher.on('change',function(event){
console.log('event:'+ event);
}

---

我不确定我还遗漏了什么，但在过去的4个小时里我一直在搞乱它……

你解决了吗？@CodeGust我解决了。事实证明，gulp4和browsersync尤其对确保回拨非常挑剔，包括在设置服务器路由时的“browsersync.init（）”函数中。