2014-10-12 2 views
0

JS 파일을 변경하면 gulp + livereload 서버를 다시 시작하고 페이지를 업데이트 할 수 없습니다. 어떻게 구현할 수 있습니까?/"대신 livereload의Gulp livereload가 서버를 다시 시작하지 않습니다.

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

express, gulp-livereload, tinylr 대신에 [BrowserSync] (http://www.browsersync.io)를 사용하고 싶을 수도 있습니다. 이것은 라이브 리로드 기능이 내장 된 dev 서버입니다. 잘하다. r 좋은. 그리고 시계에서는'gulp-watch' 플러그인 대신'gulp.watch' 메소드를 내장하고 싶을지도 모릅니다. –

+0

감사합니다, 콘스탄틴, 한번 시도해 볼게요! – walkthroughthecode

답변

0

사용 livereload.reload()() 및 브라우저 확장을 설치하고 SRC =으로 (페이지에 livereload 스크립트를 추가하는 것을 잊지 마세요 : 여기

내 gulpfile.js있어 /localhost:35729/livereload.js?snipver=1 "기본적으로)