Browsersync 没有重新加载所有页面答案

【问题标题】：Browsersync not reloading all pagesBrowsersync 没有重新加载所有页面
【发布时间】：2015-12-22 06:19:03
【问题描述】：

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

我查看了他们的文档，但我拥有他们所说的一切，但它仍然只刷新或同步 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
      }
    });
});

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

【问题讨论】：

标签： javascript gulp browser-sync

【解决方案1】：

我刚刚发现...

我的about页面没有body标签，browsersync需要它有body标签才能工作。

在他们的帮助下：

99% 的情况是因为您的网页没有正文标签。为了使 Browsersync 正确连接，body 标签必须是出现在您的网站中（我们在其后添加一个脚本标签）。

【讨论】：