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

Question

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

我的项目设置如下

项目
- 网站
  - CSS
  - img
  - js
  - index.html
- gulpfile.js
- package.json

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

是我的代码，还是别的什么？

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 停止刷新，浏览器同步开始正常工作

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

Gulp browser-sync refreshing ATOM editor on file save?

gulp

atom-editor

gulp-watch

browser-sync