gulp-live-server에 tiny-lr 통합

app.js에 익스프레스 앱을 실행하려면 노드 모듈 gulp-live-server을 사용하고 있습니다. 작동하지만 브라우저가 다시로드되지 않습니다. 문서 상단의 페이지 하단에있는 라이브로드를 통합하려면 tiny-lr mod를 사용해야합니다. 나는 완전히 보았고 내가 구체적으로 어떻게 덧붙일 지 알 수 없다. tiny-lr. html 파일에 요청 된 스크립트 태그를 추가했습니다. 여기에 gulpfile입니다 :gulp-live-server에 tiny-lr 통합

var gulp = require('gulp'); 
var gls = require('gulp-live-server'); 
var tinylr = require('tiny-lr'); 

var port = 35729; 

gulp.task('serve', function() { 
    var server = gls.new('app.js'); 
    server.start(); 

    tinylr().listen(port, function() { 
     console.log('... Listening on %s ...', port); 
    }) 
});

app.js :

var app = require('express')(); 
var http = require('http').Server(app); 

app.get('/', function(req, res){ 
    res.sendFile(__dirname + '/index.html'); 
}); 
app.get('/style.css', function (req, res) { 
    res.sendFile(__dirname + '/style.css'); 
}); 

http.listen(process.env.PORT || 3000, function(){ 
    console.log('listening on *:3000'); 
});

내가 표현 포트 3000에서 수신 대기하는 동안, 작은-LR은 35729에서 수신되는 통지를했다. 그래도 익스프레스 포트를 35729으로 변경하면 오류가 발생하고 이미 해당 포트에서 수신 대기중인 서버가 있다고합니다. 어떤 도움을 주셔서 감사합니다, 귀하의 배려에 감사드립니다.

출처

2017-12-15 Caleb Bertrand