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

这里要来先补充一下

确认任务的流程(3种)

加入 return (上篇有提到过)

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

加入 callback function

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

转为 async 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();
        }
    )
)

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