如何使用gulp-open打开Chrome浏览器？

Question

我正在使用gulp-open和gulp在Windows 7上:

gulp.task('op', function(){
    var options = {
        uri: 'localhost:8080',
        app: 'chrome'
    };
    gulp.src(__filename)
        .pipe(open(options));
});

当我使用app:'Firefox'选项时，index.html文件随应用程序打开，但当我使用chrome选项时，它只打开一个空的index.html文件。我该如何解决这个问题？

- bier hier

Answer 1

根据您的操作系统，您需要在设置选项中以不同的方式引用 Chrome 应用程序：

'google-chrome' // Linux 

'chrome' // Windows 

'google chrome' or 'Google Chrome' // OSX 

请参考 gulp-open 的 NPM 文档中的 Options.app 部分。

- joeyfb

---

我应该提及我使用的是Windows 7操作系统。 - bier hier

Answer 2

我只是在 URI 前面加了 http://，这样它就可以工作了。

gulp.task('op', function(){
    var options = {
        uri: 'http://localhost:8080',
        app: 'chrome'
    };
    gulp.src(__filename)
    .pipe(open(options));
});

- Matthew Ellison

---

这里的__filename是什么？ - MindRoasterMir

我相信这只是对你想要打开的URL的绝对路径的引用。 - Matthew Ellison

Answer 3

这是我解决问题的代码片段，你可以根据需要修改你的代码：

var gulp = require('gulp');
var liveServer = require('gulp-live-server');
var browserSync = require('browser-sync');

gulp.task('live-server', function(done){
    var server = new liveServer('server/main.js');
    server.start();
    done();
})

gulp.task('serve', gulp.series('live-server', function(done){
    browserSync.init(null,{
        proxy:"http://localhost:7777",
        port:9001,
        open: true
    })
    done();
}));

- Chidi-Nwaneto