前端工程化-Gulp/监视变化及构建过程优化

        有开发服务器之后，就要考虑如何实现自动编译并子等更新页面。此处需要借助gulp提供的一个API叫做watch，这个API会自动监视一个路径的通配符，然后根据这些文件的变化决定是否要重新去执行某一个任务。把这个watch解构出来以后可以在serve命令开始的时候去监视一些文件。

const {watch} = require('gulp')

const serve = () {
    watch('src/assets/styles/*.scss', style)
    watch('src/assets/scripts/*.js', script)
    watch([
        'src/assets/image/**',
        'src/assets/fonts/**',
        'public/**'
    ], bs.reload)
    watch('src/*.html', page)
    bs.init({
        files: 'dist/**', // 也可以在任务结尾使用 .pipe(bs.reload()) 的形式来更新页面
        sever: {
            baseDir: ['dist', 'src', 'public']
        }
    })
}