javascript - 如何使用 gulp-connect 打开一个新的浏览器窗口？

Question

我想在我的网络服务器运行时打开一个浏览器窗口，目前我正在使用它，但我无法打开浏览器，知道我的代码有什么问题吗？

var gulp = require('gulp');
var connect = require('gulp-connect');
gulp.task('webserver', function () {
    connect.server({
        root: "../../../www/",
        livereload: true,
        open: {
            browser: 'chrome', // if not working OS X browser: 'Google Chrome'
            url: 'http://localhost:8080/site/a/index.html?dev'
        }
    });
});

Answer 1

在我看来，您可以只使用本地节点模块“opn”https://www.npmjs.com/package/opn，而不是特定的 gulp 任务。

npm install --save-dev opn

然后在您的服务器模块使用的任何回调中:

require("opn")("http://localhost:8080/site/a/index.html?dev",
{app: ['google chrome', '--incognito']})

gulp-connect 看起来不像它提供回调，但您可以连续运行打开的任务，或在短暂等待后运行。 gulp-connect 的其他竞争对手确实提供了一个回调，它允许像动态传递端口/ip 等好东西给 opn，允许你进一步配置发生的事情(例如，browsersync，动态检查和使用一个空闲端口，然后传递以及有关它使用哪个端口的信息，这允许 opn 自动打开正确的本地端口，即使它不时更改。)。