Gulp浏览器在文件保存时同步刷新ATOM编辑器

Question

我有下面的gump文件设置，用于测试小想法等。

我的项目是以以下方式设置

• 项目
  • 现场
    • CSS
    • img
    • js
    • index.html
  • gullfile.js
  • package.json

每次从site目录保存html, css, or js时，我的浏览器不会刷新，而是会刷新atom文本编辑器。这有点烦人。我有其他类似的项目设置，但它们都很好。只是这一个我似乎搞不清楚。

是我的代码，还是其他什么？

var gulp = require('gulp'),
  bs = require('browser-sync').create(),
  sequence = require('run-sequence');
gulp.task('styles', function() {
  gulp.src('site/css/*.css')
    .pipe(gulp.dest('site/css'))
    .pipe(bs.stream());
});
gulp.task('js', function() {
  gulp.src(['site/js/*.js'])
    // .pipe(concat('all.js'))
    .pipe(gulp.dest('site/js'))
    .pipe(bs.stream());
});
gulp.task('html', function() {
  gulp.src('site/*.html')
    .pipe(gulp.dest('site/'))
    .pipe(bs.stream());
});
gulp.task('browser-sync', function() {
  bs.init({
    server: 'site'
  });
});
gulp.task('watch', ['build'], function() {
  gulp.watch(['site/css/*.css'], ['styles']);
  gulp.watch(['site/js/*.js'], ['js']);
  gulp.watch(['site/*.html'], ['html']);
});
gulp.task('build', function(done) {
  sequence(
    ['html', 'js', 'styles'],
    'browser-sync',
    done);
});
gulp.task('default', ['watch']);

Answer 1

问题是我的索引文件中没有body标记。添加后，atom停止刷新，浏览器同步开始正常工作。