我开始通过 Gulp 进行实时重新加载:
var $$ = require('gulp-load-plugins')();
gulp.watch('*', function (file) {
$$.livereload().changed(file.path);
});
gulp.task('connect', function(){
var connect = require('connect');
return connect()
.use(require('connect-livereload')())
.use(connect.static(__dirname))
.listen(8000);
});
它一直在工作,直到我最近在浏览器控制台中遇到这个神秘错误并且重新加载停止工作:
Failed to load resource: net::ERR_CONNECTION_REFUSED
http://localhost:35729/livereload.js?snipver=1
知道这里发生了什么吗?
我在代理后面,但本地主机被排除在外。
在遇到 Live-Reload 问题后,我已经使用 Browsersync 很长时间了,这是我的 Browsersync 设置...
var browsersync = require('browser-sync'));
//BrowserSync Function
gulp.task('browser-sync', function() {
browsersync({
// Change the director name for static site
server: {
baseDir: "./builds/development"
}
});
});
// Browser Sync reload function
gulp.task('browsersync-reload', function () {
browsersync.reload();
});
// Server and Watch Function
gulp.task('server', ['browser-sync'], function() {
gulp.watch("components/sass/**/*.scss", ['sass']);
gulp.watch("html_pages/**/*.html", ['html']);
gulp.watch("builds/development/*.html", ['browsersync-reload']);
gulp.watch("components/scripts/**/*.js", ['js']);
});
希望有帮助。