前端工程化-Gulp/开发服务器

        除了对文件的构建以外，还需要一个开发服务器用于去在开发阶段调试应用。可以使用gulp启动和管理这个服务器，这样的话就可以在后续去配合其他的一些构建任务实现在代码修改过后自动去编译，并且去自动刷新浏览器。这样就会大大提高在开发阶段的效率，因为它会减少很多在开发阶段的操作。这里需要用到一个叫 browser-sync 的模块， 首先要去安装到开发依赖 yarn add browser-sync --dev。

const browserSync = require('browser-sync')
const bs = browserSync.create()
const serve = () => {
    bs.init({
        notify: false,
        port: 8080,
        open: true,
        files: 'dist/**',
        server: {
            baseDir: 'dist',
            routers: {
                '/node_modules':'node_modules'
            }
        }
    })
}