4

我正在尝试gulp-livereload使用我的 nodejs 服务器。我gulp-nodemon用来在更改文件后重新启动服务器,这可行。我无法livereload.reload()在正确的时间调用。

我目前正在调用我的livereload.reload()(每当我的 nodemon 启动脚本时)。这有效,但需要几秒钟。原因是当 nodemon 开始运行它在脚本调用之前调用的 nodejs 脚本时,所以我的浏览器在服务器未准备好的情况下刷新。.on('start'...gulpfile.jslivereload.listen() app.listen(port)

有没有办法监听 nodejs nodemon 脚本是否已调用app.listen(port),或者可能监听是否正在使用特定端口?

我已经通过少量睡眠解决了这个问题,但它只是感觉如此错误和肮脏。

4

2 回答 2

5

使用可读事件监控子进程的标准输出。

例子:

nodemon({script: 'app.js',
         nodeArgs: ['--harmony'],
         stdout: false})
    .on('readable', function(data) {
        this.stdout.on('data', function(chunk) {
            if (/koa server listening/.test(chunk)) {
                console.log('livereload');
                livereload.reload();
            }
            process.stdout.write(chunk);
        });
        this.stderr.pipe(process.stderr);
    });

应用程序.js

app.listen(3000, function(err) {
    console.log('koa server listening');
});
于 2015-04-09T06:39:15.727 回答
1

这是一个基于服务器和插件的简单且经过测试的livereload 解决方案的示例,如果有帮助的话:connectconnect-livereloadgulp-livereload


var gulp = require('gulp');
var connect = require('connect');
var connectLivereload = require('connect-livereload');
var opn = require('opn');
var gulpLivereload = require('gulp-livereload');

var config = {
    rootDir: __dirname,
    servingPort: 8080,

    // the files you want to watch for changes for live reload
    filesToWatch: ['*.{html,css,js}', '!Gulpfile.js']
}

// The default task - called when you run `gulp` from CLI
gulp.task('default', ['watch', 'serve']);

gulp.task('watch', ['connect'], function () {
  gulpLivereload.listen();
  gulp.watch(config.filesToWatch, function(file) {
    gulp.src(file.path)
      .pipe(gulpLivereload());
  });
});

gulp.task('serve', ['connect'], function () {
  return opn('http://localhost:' + config.servingPort);
});

gulp.task('connect', function(){
  return connect()
    .use(connectLivereload())
    .use(connect.static(config.rootDir))
    .listen(config.servingPort);
});

于 2015-04-19T13:58:15.007 回答