Gulp 狼吞虎咽的利弗雷罗德没有';更新浏览器

Gulp 狼吞虎咽的利弗雷罗德没有';更新浏览器,gulp,livereload,Gulp,Livereload,我现在已经尝试了所有三种方法,我可以找到使用livereload和Gulp,我似乎仍然遇到同样的问题 我启动了我的gulp文件,它运行得很好,所以我进入我的partials并做了一个小的更改(例如将一个h1标记从thomas更改为chomas)并保存。我的日志显示模板正在编译,然后根据我尝试为livereload使用的方法,它还将记录所做的更改(因此它正在检测更改)。最后,我的浏览器将进行完全刷新,但更改仍不会反映在浏览器中。如果手动刷新浏览器,仍然看不到更改 我发现查看浏览器中反映的更改的唯一

我现在已经尝试了所有三种方法,我可以找到使用livereload和Gulp,我似乎仍然遇到同样的问题

我启动了我的gulp文件,它运行得很好,所以我进入我的partials并做了一个小的更改(例如将一个h1标记从thomas更改为chomas)并保存。我的日志显示模板正在编译,然后根据我尝试为livereload使用的方法,它还将记录所做的更改(因此它正在检测更改)。最后,我的浏览器将进行完全刷新,但更改仍不会反映在浏览器中。如果手动刷新浏览器,仍然看不到更改

我发现查看浏览器中反映的更改的唯一方法是手动重新启动gulp以查看更改

吞咽文件:

var gulp = require('gulp');

var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin');
var swig = require('gulp-swig');
var livereload = require('gulp-livereload');


var paths = {
  scripts: ['./js/**/*.js'],
  images: './img/**/*',
  css: './css/**',
};

var filesToMove = [
        './css/**',
        './fonts/**/*.*',
        './favicon.png',
        './adoption-form.pdf'
    ];


gulp.task('move', function(){
  gulp.src(filesToMove, { base: './' })
  .pipe(gulp.dest('./build/'));
});

gulp.task('scripts', function() {
  return gulp.src(paths.scripts)
    .pipe(uglify())
    .pipe(concat('all.min.js'))
    .pipe(gulp.dest('./build/js'));
});

gulp.task('templates', function() {
  gulp.src('./partials/**/*.html')
    .pipe(swig())
    .pipe(gulp.dest('./build/'))
    .pipe(livereload());
});

gulp.task('images', function() {
  return gulp.src(paths.images)
    .pipe(imagemin({optimizationLevel: 5}))
    .pipe(gulp.dest('./build/img'));
});

gulp.task('watch', function() {
  gulp.watch(paths.scripts, ['scripts']);
  gulp.watch('./partials/**/*.html', ['templates']);
  gulp.watch(paths.images, ['images']);
  gulp.watch(paths.css);  
});

gulp.task('default', ['watch', 'scripts', 'templates', 'images', 'move']);
  • 我在窗户上
  • 我已经安装了livereload插件
  • 我一直在Chrome上使用这一切
  • 这些文件通过apache服务器运行(可能是缓存问题)
  • 但我尝试了apache之外的express服务器,结果相同
  • 我还尝试了浏览器同步和
    gulplivereload
    插件

尝试更改此行:

.pipe(swig())

为此:

.pipe(swig({defaults:{cache:false}}))