美文网首页每天五分钟之IT技能包
gulp插件(15) - browser-sync(同步更新浏览

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

作者: 学好该死的程序 | 来源:发表于2017-10-25 16:02 被阅读4次

功能描述

同步更新浏览器(想了解更详细?请参考),简单讲就是,后台更新代码,浏览器页面会自动更新,而不用再去刷新浏览器,在开发过程中非常有用。


插件安装

$ 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"
            }
        }
    );
});

更多参数请点击这里

相关文章

网友评论

    本文标题:gulp插件(15) - browser-sync(同步更新浏览

    本文链接:https://www.haomeiwen.com/subject/klgqpxtx.html