Question

我尝试了很多代码变体，但home.html只加载一次，当我在css文件夹中更改Style.css文件时，它不会自动重新加载。我试过这个

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var reload = browserSync.reload() 
gulp.task('serve', function () {

      browserSync.init({
        server: {

          baseDir: "./",
     index: "./main/home.html"
        },
    });
    gulp.watch("/css/Style.css", [reload])

});

和

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var reload = browserSync.reload("./main/home.html")
gulp.task('serve', function () {

      browserSync.init({
        server: {

          baseDir: "./",
     index: "./main/home.html"
        },
    });
    gulp.watch("/css/Style.css", [reload])

});

和

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

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

      browserSync.init({
        server: {

          baseDir: "./",
     index: "./main/home.html"
        },
    });
    gulp.watch("./css/Style.css").on("change", browserSync.reload);
});

请知道我做错了什么？

Answer 1

改变这个：

var reload = browserSync.reload()

到

var reload = browserSync.reload;

并且您的第三个版本应该使用以下更改：

gulp.watch("./css/Style.css").on("change", reload);

在browsersync中自动重新加载不起作用

1 个答案: