gulp入门（13）- browser-sync

插件功能描述

同步浏览器，具体可点击参考

---

插件安装

$>cnpm install browser-sync --save-dev

使用方法

参数

开启浏览器，并定义dist目录下的html/css/js发生变化直接同步至浏览器

var gulp         = require('gulp'),    browserSync  = require('browser-sync').create();gulp.task('browser', function() {    browserSync.init([        './dist/**/*.html',        './dist/**/*.css',        './dist/**/*.js'    ], {        server: {            baseDir: "./"        }    });});// 监控src目录下css文件，发生变化则执行css任务// 监控src目录下js文件，发生变化则执行js任务// 监控src目录下html文件，发生变化则执行html任务gulp.task('watch', ['browser'], function() {    gulp.watch('./src/**/*.css', ['css']);    gulp.watch('./src/**/*.js', ['js']);    gulp.watch('./src/**/*.html', ['html']);})