我有一个应用程序在 iis 中，它是一个用 angularjs 和 webapi C# 2.0 制作的应用程序，我想创建一个任务，在保存任何 js 文件后立即更新浏览器。

吞咽版本：3.9.1

gulp.task('livereload', function () {
    gulp.watch(config.files.js);
});

gulp-live重载 https://github.com/vohof/gulp-livereload

一个轻量级的 gulp 插件，用于 livereload 与livereload chrome 扩展 http://livereload.com/extensions/ or a 实时重载中间件 https://github.com/intesso/connect-livereload.

设置简单：

var gulp = require('gulp'),
    less = require('gulp-less'),
    livereload = require('gulp-livereload');

gulp.task('less', function() {
  gulp.src('less/*.less')
    .pipe(less())
    .pipe(gulp.dest('dist'))
    .pipe(livereload());
});

gulp.task('watch', function() {
  livereload.listen();
  gulp.watch('less/*.less', ['less']);
});

浏览器同步 https://www.browsersync.io/docs/gulp

Gulp 没有官方的 Browsersync 插件，因为它不是 需要！你只需require该模块，利用API https://www.browsersync.io/docs/api并配置 它与options https://www.browsersync.io/docs/options.

新的酷孩子，大多数人已经转向它了。

Browsersync 支持流，因此您可以在以下位置调用重新加载 您的任务期间的具体点和所有浏览器都会被告知 变化。因为 Browsersync 只关心你的 CSS 完成编译 - 请务必致电.stream() after gulp.dest.

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

// Static Server + watching scss/html files
gulp.task('serve', ['sass'], function() {

    browserSync.init({
        server: "./app"
        // or
        // proxy: 'yourserver.dev'
    });

    gulp.watch("app/scss/*.scss", ['sass']);
    gulp.watch("app/*.html").on('change', browserSync.reload);
});

// Compile sass into CSS & auto-inject into browsers
gulp.task('sass', function() {
    return gulp.src("app/scss/*.scss")
        .pipe(sass())
        .pipe(gulp.dest("app/css"))
        .pipe(browserSync.stream());
});

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

对于手动重新加载：

// ...
var reload = browserSync.reload;

// Save a reference to the `reload` method

// Watch scss AND html files, doing different things with each.
gulp.task('serve', function () {

    // Serve files from the root of this project
    browserSync.init({/* ... */});

    gulp.watch("*.html").on("change", reload);
});

为什么 Browsersync 更好？ https://www.slant.co/versus/5065/5066/~livereload_vs_browsersync

它不限于单个设备，它可以跨桌面和 同时移动设备。它将更新代码更改， 自动同步所有内容的滚动位置和表单输入 浏览器和设备。