繁体   English   中英

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

[英]Gulp browser-sync refreshing ATOM editor on file save?

我有以下gulp文件设置用于测试小主意等。

我的项目按以下方式设置

  • 项目
    • 现场
      • CSS
      • IMG
      • JS
      • 的index.html
    • gulpfile.js
    • 的package.json

每当a从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']); 

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM