0

我正在使用节点模块gulp-live-server在app.js. 它可以工作，但浏览器不会实时重新加载。在文档上方链接的页面底部附近，必须使用tiny-lrmod 来集成实时重新加载。我看了一遍，找不到我具体应该如何添加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);
    })
});

应用程序.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 正在监听 port 3000，但 tiny-lr 正在监听35729。但是，如果我将 express 端口更改为35729，它会抛出错误并说已经有服务器在该端口上侦听。任何帮助表示赞赏，感谢您的考虑。

4

1 回答 1

0

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

在 app.J 的文件中。

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

端口也应该是 35729

于 2017-12-15T18:16:45.853 回答