Integrieren von tiny-lr in gulp-live-server

Question

Ich verwende das Knotenmodul gulp-live-server, um eine Express-App unter app.js zu betreiben. Es funktioniert, aber der Browser lädt nicht neu. Am unteren Ende der Seite im obigen Link heißt es, dass man den Mod tiny-lr verwenden muss, um Live-Reload zu integrieren. Ich schaute überall hin und kann nicht finden, wie ich speziell tiny-lr hinzufügen soll. Ich habe das Skript-Tag wie in meiner HTML-Datei gefragt hinzugefügt. Hier ist die gulpfile:

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'); 
}); 

ich merkte, dass während ausdrücklich auf Port hört 3000, tiny-lr auf 35729 hört. Wenn ich jedoch den Express-Port zu 35729 ändere, wirft es und Fehler und sagt, dass es bereits einen Server gibt, der auf diesem Port abhört. Jede Hilfe wird geschätzt, danke für Ihre Aufmerksamkeit.

Answer 1

Sie benötigen keine Schluckaufgabe, die Sie in der app.js-Datei angeben können.

In App.J-Datei.

var tinylr = require('tiny-lr'); app.use (tinylr.middleware({ app: app }))

Auch sollte der Port 35729 sein