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