如何使用gulp-connect打開新的瀏覽器窗口？

Question

我正在使用此功能時，我想在運行Web服務器時打開瀏覽器窗口，但是我無法打開瀏覽器，我的代碼有什么問題嗎？

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的其他競爭者確實提供了回調，該回調允許將諸如動態將port / ip等動態傳遞給opn，從而允許您進一步配置發生的事情（例如，瀏覽器同步，動態檢查並使用一個空閑端口，然后傳遞以及有關使用哪個端口的信息，這使opn可以自動打開正確的本地端口，即使它不時更改也是如此。