javascript - Browsersync 未重新加载所有页面

Question

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

我看过他们的文档，但我拥有他们所说的一切，但它仍然只刷新或同步index.hrml，但例如没有刷新或同步about.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% of the time, it's because your web page doesn't have a body tag. In order for Browsersync to connect properly the body tag must be present in your website (we add a script tag just after it).