Question

我使用节点模块gulp-live-server在app.js运行快速应用。它有效，但浏览器不会重新加载。在文档上方链接的页面底部附近说，必须使用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。但是，如果我将快速端口更改为35729，则会抛出错误并表示已经有服务器正在侦听该端口。感谢您的帮助，感谢您的帮助。

Answer 1

您不需要gulp任务，您可以在app.js文件中指定它。

在app.J的文件中。

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

端口也应该是35729

将tiny-lr集成在gulp-live-server中

1 个答案: