2014-10-12 5 views
0

Невозможно настроить сервер gulp + livereload для перезагрузки и обновления страницы при изменении файлов JS. Как я мог его реализовать?Gulp livereload не перезапускает сервер

Вот мой gulpfile.js:

var gulp  = require('gulp'), 
    livereload = require('gulp-livereload'), 
    watch  = require('gulp-watch'), 
    express  = require('express'), 
    app   = express(), 
    path  = require('path'), 
    server  = tinylr(); 

... 
gulp.task('js', function() { 
    return gulp.src([ 
    'app/scripts/*.js', 
    ]) 
    .pipe(concat('combined.js')) 
    .pipe(gulp.dest('../dist/app/js/')) 
    .pipe(livereload(server)); 
}); 

gulp.task('watch', function() { 
... 
    gulp.watch(['app/scripts/*.js'],['js']); 
}); 
+0

Возможный дубликат [gulp.js livereload с экспресс-сервером?] (http://stackoverflow.com/questions/23665993/gulp-js-livereload -with-express-server) –

+0

Возможно, вы захотите использовать [BrowserSync] (http://www.browsersync.io) (вместо экспресс-доставки, gulp-livereload, tinylr) - это dev-сервер со встроенной функцией переадресации хорошо сома другие плюсы. А для часов вы можете использовать встроенный 'gulp.watch' метод вместо плагина gulp-watch. –

+0

Спасибо, Константин, я попробую! – walkthroughthecode

ответ

0

Используйте livereload.reload() вместо LiveReload() и не забудьте установить расширение браузера и добавить LiveReload скрипта на страницу (с SRC = "/ /localhost:35729/livereload.js?snipver=1 "по умолчанию)

Смежные вопросы