Gulp自动化构建案例---开发服务器

用于在开发阶段调试应用。

1、安装browser-sync模块，提供给我们一个开发服务器

yarn add browser-sync --dev

2、在gulp中使用这个模块

//serve任务
//notify：页面右上角browserSync的小提示，开着有时候会影响页面调试
//port：端口号，默认3030,，可以自己修改
//routes将node_module路径下的链接自动映射到站点下
//serve执行默认自动打开浏览器，关闭默认方式用open
//files:src浏览器即时更新
const serve = () => {
  bs.init({
    notify:false,
    port:2080,
    //open:false,
    files:'dist/**',
    server:{
      baseDir:'dist',
      routes:{
        '/node_module':'node_modules'
      }
    }
  })
}

3、执行命令