gulp - gulp连接不打开浏览器

Question

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

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

var outputDir = "wwwroot";

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

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

Answer 1

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

选项1：

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

选项 2：

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

选项 3：

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

祝你好运。

Answer 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());

});

希望这可以帮助

Answer 3

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