gulp4.0使用gulp-connect插件

前言

雖然網上有許多類似的gulp3.0的task和series配套用法：
gulp.task('server', gulp.series('connect', 'watch'))
但還是莫名其妙沒觸發更新

開始

var { watch,src,dest } = require('gulp'),
    connect = require('gulp-connect')
    
function html() {
    return src('src/*.html')
    .pipe(dest('dist'))
    .pipe(connect.reload())
}
function server() {
    connect.server({
        root: 'dist',
        livereload: true,
        index: 'index.html'
    })
}

watch('src/*.html',html) // 這裏雖然嘗試過在default裏用series作爲一個函數，但還是沒觸發更新
exports.default = server

結語

雖然也是第一次上手gulp，之前用過webpack體驗下來感覺一個幾kb的文件越打包越大了，還是喜歡更直觀一點的