在Gulp-Live-Server中整合Tiny-LR

Question

我正在使用节点模块gulp-live-server在app.js上运行Express应用。它有效，但是浏览器没有重新加载。文档上方链接的页面底部附近说，必须使用tiny-lr mod集成实时重新加载。我看了看，找不到我应该如何添加tiny-lr的方式。我按照我的HTML文件中的要求添加了脚本标签。这是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');
});

我确实注意到，当Express在端口3000上聆听时，Tiny-LR在35729上听。但是，如果我将Express端口更改为35729，它会引发和错误，并说该端口上已经有一台服务器。感谢您的考虑，感谢您的考虑。

Answer 1

您不需要Gulp任务，您可以在app.js file中指定它。

在app.j的文件中。

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

端口也应为35729