使用Gulp与BrowserSync做页面刷新

首先全局安装

npm install -g browser-sync gulp

再本地安装

npm install --save-dev browser-sync gulp

Gulp的配置文件 /gulpfile.js

// 监听所有文件并且对浏览器进行刷新

gulpfile.js

var gulp        = require('gulp');

var browserSync = require('browser-sync').create();

var reload      = browserSync.reload;

gulp.task('serve', function () {

    var files = [

        './**/*'

    ];

    browserSync.init({

        files: files,

        proxy: "http://localhost:3000/"

    });

    gulp.on("change", reload);

});

gulp.task('default', ['serve']);

在 terminal 的本目录输入 gulp即可进行监听