Question

Browsersync只是重新加载index.html，即使我有我的基础设置，甚至文件选项上列出的特定文件。

我查看了他们的文档，但是我已经按照他们的说法完成了所有操作，但它只是刷新或同步index.hrml但是例如not.html。

我的结构是：

-booming-gaes-web
  -dist
  -node_modules
  -src
    -index.html
    -about.html
  -gulpfile.js

所以我的html文件在我的src文件夹上是直接的，而gulp文件与src文件夹在同一个文件夹中。

我的gulp文件：

// Include gulp
var gulp = require('gulp');
// Include  Plugins

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


// Watch Files For Changes
gulp.task('watch', function() {
    gulp.watch('src/js/*.js', ['js-watch']);
    gulp.watch('src/css/*.scss', ['sass-watch']);
    gulp.watch('src/css/*.css', ['prefix']);
    gulp.watch('src/*.html').on('change', browserSync.reload);
    browserSync({
      files: ['src/index.html','about.html'],
      server:{
        baseDir:'src',
        directory: true
      }
    });
});

任何想法，我做错了什么？谢谢！

Answer 1

我刚刚发现......

我的关于页面没有body标签，browsersync需要它有一个body标签才能工作。

从他们的帮助：

99％的时间，因为您的网页没有正文标记。为了使Browsersync正确连接，必须使用body标签出现在您的网站上（我们在其后面添加了一个脚本标记）。

Browsersync没有重新加载所有页面

1 个答案: