gulp连接不打开浏览器答案

【问题标题】：gulp connect not opening browsergulp连接不打开浏览器
【发布时间】：2015-09-05 18:29:09
【问题描述】：

我尝试为 gulp-connect 设置尽可能少的设置。它在终端窗口中显示以下内容：Server started http://localhost:8080。但是，它并没有按预期启动 Chrome，在 video 中可以看到。

var gulp = require('gulp'),
    connect = require('gulp-connect');

var outputDir = "wwwroot";

gulp.task('connect', function() {

 connect.server({
    root: [outputDir],
    open: {browser: 'Google Chrome'}
})});

【问题讨论】：

据我所知，他们已经删除了该选项。如果您阅读 youtube cmets，您会看到有人问同样的问题。不确定他们是否曾经让它工作。该插件隐藏了连接的事件，所以这是一个棘手的案例。您始终可以编写另一个任务来打开浏览器并将connect 任务作为依赖项。

标签： gulp gulp-connect

【解决方案1】：

我做了一些研究，并没有在 gulp-connect 中找到open 的任何选项。所以我假设他使用了支持该功能的旧版本的模块。

选项 1：

要解决您的问题，您可以使用gulp-connect-multi，这是 gulp-connect 女巫的分叉版本，包括浏览器打开功能。

选项 2：

如果你仍然想使用 gulp-connect，我建议使用一个名为 gulp-open（甚至只是打开）的模块，它可以在浏览器中打开文件和 URL。

选项 3：

搜索更多或创建您自己的。

祝你好运。

【讨论】：

gulp-connect-multi 已弃用
选项 2！ 2019 年会更好

【解决方案2】：

我在使用 gulp-connect 时遇到了同样的问题。然后我通过安装另一个名为gulp-connect-multi的软件包解决了这个问题

npm install --save-dev gulp-connect-multi

var connect = require("gulp-connect-multi")();

gulp.task('html', function () {
    gulp.src(config.paths.html).pipe(gulp.dest(config.paths.dist)).pipe(connect.reload());

});

希望对你有帮助

【讨论】：

【解决方案3】：

要连接到我的浏览器同步，我导航到 cmd 中的 gulp 文件夹（在您的项目文件夹中具有节点模块的文件夹），然后输入“Gulp”。它会自动在浏览器中打开我的项目。希望这会有所帮助。

【讨论】：