gulp插件(15) - browser-sync(同步更新浏览器)

 
 
功能描述
 
 
 
  
同步更新浏览器（想了解更详细？请参考），简单讲就是，后台更新代码，浏览器页面会自动更新，而不用再去刷新浏览器，在开发过程中非常有用。
 
 
 
 
 
 
插件安装
 
 
$ cnpm install browser-sync --save-dev

 
 
使用方法
 
 
var gulp         = require('gulp'),
    browserSync  = require('browser-sync').create();

gulp.task('browser', function() {
    browserSync.init(
        // 浏览器会监控以下目录，当以下目录中文件发生变化时，会同步更新
        [
            "./build/**/*.*"
        ], {
            // 定义服务器根目录
            server: {
                baseDir: "./build"
            }
        }
    );
});