Gulp 直接将 watch, browserSync 加入任务函式中 DAY98

这里要来先补充一下

确认任务的流程(3种)

gulp.task('imageMin', function() {  return gulp    .src('./source/images/*')    // ...});

gulp.task('imageMin', function(done) {  gulp    .src('./source/images/*')    // ...  done(); // 在函式参数传入一个 callback function，并在最后方调用});

gulp.task('imageMin', async function() {  gulp    .src('./source/images/*')    // ...});

目前我们尚未加入 watch 与 browser-sync

这里我们开始撰写 default (跟build很像)
我们用一个 callback function
来达成非同步
并把 watch 与 browser-sync 的内容贴近去

不过这里要注意
watch 后面 要改成 gulp.series('...')

gulp.task('default',    gulp.series(        'clean',        'bower',        'vendorJS',        gulp.parallel('jade','sass','babel','image-min'),        function(done) {            browserSync.init({                server: {                    baseDir: "./public",                    reloadDebounce: 2000                }            });            gulp.watch('./source/stylesheets/**/*.scss', gulp.series('sass'));            gulp.watch('./source/**/*.jade', gulp.series('jade'));            gulp.watch('./source/js/**/*.js',gulp.series('babel'));            done();        }    ))

那今天的介绍就到这里
若有任何问题 或 内容有误
都可以跟我说唷