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

Question

我有以下 gulp 文件设置，用于测试小想法等。

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

• 项目
  • 网站
    • CSS
    • img
    • js
    • index.html
  • gulpfile.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

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