美文网首页每天五分钟之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