如何使用gulp-connect打开新的浏览器窗口?

时间:2015-08-21 14:16:42

标签: javascript gulp connect

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

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'
        }
    });
});

1 个答案:

答案 0 :(得分:4)

在我看来,您可以使用本机节点模块“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,允许你进一步配置发生的事情(例如,browserync,动态检查和使用自由端口,然后通过有关它使用哪个端口的信息,这允许opn自动打开正确的本地端口,即使它不时发生变化。)。