javascript - 启动和停止 gulp-webserver

Question

我正在尝试在不同的 gulp 任务中启动和停止 gulp-webserver，如下所示:

gulp.task('webserver', ['build'], function () {
    gulp.src([config.build, config.base])
    .pipe(webserver({
    livereload: false,
    directoryListing: false,
    open: true
  }));
});

gulp.task('webserver-stop', function () {
    var stream = gulp.src([config.build, config.base])
      .pipe(webserver());
    stream.emit('kill');
});

我能够成功启动服务器，但是当我尝试使用 gulp webserver-stop 停止时，会出现以下错误。

[19:36:30] Finished 'webserver-stop' after 27 ms
events.js:160
  throw er; // Unhandled 'error' event
  ^

Error: listen EADDRINUSE 127.0.0.1:8000
at Object.exports._errnoException (util.js:1008:11)
at exports._exceptionWithHostPort (util.js:1031:20)
at Server._listen2 (net.js:1253:14)
at listen (net.js:1289:10)
at net.js:1399:9
at GetAddrInfoReqWrap.asyncCallback [as callback] (dns.js:65:16)
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:84:10)

我之前对 gulp 和 javascript 没有丰富的经验， 请帮忙解决这个问题。

Answer 1

当您运行gulp webserver然后运行gulp webserver-stop时，您有两个进程。这两个进程彼此一无所知。

因此，当您在 webserver-stop 中调用 webserver() 时，只会启动另一个 Webserver 实例。它不会连接到已经运行的实例或类似的东西。由于已经有一个网络服务器在端口 8000 上运行，因此您会收到 EADDRINUSE 错误。

相反，您的 webserver-stop 任务需要向正在运行的网络服务器发送一条消息，导致其关闭。

由于您已经在运行网络服务器，您不妨通过 HTTP 发送该消息。您可以使用 middleware option gulp-webserver 来实现这一点:

var gulp = require('gulp');
var webserver = require('gulp-webserver');
var http = require('http');

gulp.task('webserver', function () {
  var stream = gulp.src(['.'])
    .pipe(webserver({
      livereload: false,
      directoryListing: false,
      open: true,
      middleware: function(req, res, next) {
        if (/_kill_\/?/.test(req.url)) {
          res.end();
          stream.emit('kill');
        }
        next();
      }
    }));
});

gulp.task('webserver-stop', function (cb) {
  http.request('http://localhost:8000/_kill_').on('close', cb).end();
});

现在您可以在另一个终端窗口中调用 gulp webserver-stop 或直接打开 http://localhost:8000/_kill_在浏览器中关闭正在运行的网络服务器实例。