gulp:构建代码并在浏览器中启动

Question

所以我想将elm语言用于Web项目，并且我需要该项目在visual studio 2015中，并且我正在使用Gulp。我的问题是我不知道如何创建构建代码并在浏览器中启动的gulp task。这是我到目前为止所做的：

gulpfile.js：

/// <binding ProjectOpened='default' />
var gulp = require('gulp')
var elm = require('gulp-elm')
var gutil = require('gulp-util')
var plumber = require('gulp-plumber')
var connect = require('gulp-connect')
// File paths
var paths = {
    dest: 'build',
    elm: 'src/*.elm',
    static: 'src/*.{html,css}'
}
// Init Elm
gulp.task('elm-init', elm.init)
// Compile Elm to HTML
gulp.task('elm', ['elm-init'], function () {
    return gulp.src(paths.elm)
      .pipe(plumber())
      .pipe(elm())
      .pipe(gulp.dest(paths.dest))
})
// Move static assets to dist
gulp.task('static', function () {
    return gulp.src(paths.static)
      .pipe(plumber())
      .pipe(gulp.dest(paths.dest))
})
// Watch for changes and compile
gulp.task('watch', function () {
    gulp.watch(paths.elm, ['elm'])
    gulp.watch(paths.static, ['static'])
})
// Local server
gulp.task('connect', function () {
    connect.server({
        root: 'dist',
        port: 3000
    })
})
// Main gulp tasks
gulp.task('build', ['elm', 'static'])
gulp.task('default', ['connect', 'build', 'watch'])

connect任务未在浏览器中打开该站点。那么，如何实现这一目标呢？我想通过单击任务（来自Visual Studio中的任务资源管理器Windows）来启动站点，然后单击"开始"，它应该编译代码并开始。

谢谢

Answer 1

gulp-connect软件包不会自动为您打开浏览器窗口。它可能在较旧的版本中这样做。

但是，gulp-connect-multi中有一个叉子，其中包括在连接上打开浏览器的能力。

否则，您可以直接使用gulp-open软件包打开浏览器窗口。