browser-sync自动刷新

Node.js的包管理（NPM）库中安装BrowserSync

1	npm install -g browser-sync

结合gulpjs或gruntjs构建工具来使用

1	npm install --save-dev browser-sync

// –files 路径是相对于运行该命令的项目（目录）

1	browser-sync start --server --files "css/*.css"

// 主机名可以是ip或域名

1	browser-sync start --proxy "主机名" "css/*.css"

gulp结合broweser-sync

首先，您需要安装 Browsersync 和依赖包 Gulp 。如果你是第一次安装，那么你可以通过–save-dev命令，这将会自动在你的package.JSON里添加依赖，下一次再安装时，你只需要npm install

1	$ npm install browser-sync gulp --save-dev

然后，在您的 gulpfile.js 文件里使用它们。

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

// 静态服务器

gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    });
});

// 代理

gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: "你的域名或IP"
    });
});