Visual studio 2015 吞咽:构建代码并在浏览器中启动它

Visual studio 2015 吞咽:构建代码并在浏览器中启动它,visual-studio-2015,gulp,gulp-task,Visual Studio 2015,Gulp,Gulp Task,因此,我想为一个web项目使用elm语言,我需要该项目位于VisualStudio2015中,我正在使用gulp。我的问题是我不知道如何创建一个gulp任务,该任务构建代码并在浏览器中启动。以下是我迄今为止所做的工作: gulpfile.js: /// <binding ProjectOpened='default' /> var gulp = require('gulp') var elm = require('gulp-elm') var gutil = require('gul

因此,我想为一个web项目使用
elm
语言,我需要该项目位于
VisualStudio2015
中,我正在使用gulp。我的问题是我不知道如何创建一个
gulp任务
,该任务构建代码并在浏览器中启动。以下是我迄今为止所做的工作:

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'])
//
var gulp=需要('gulp')
var elm=require('gulp-elm')
var gutil=require('gulp-util')
var管道工=需要('gulp-plumber'))
var connect=require('gulp-connect')
//文件路径
变量路径={
目标:“构建”,
elm:'src/*.elm',
静态:“src/*.{html,css}”
}
//艾尔姆酒店
吞咽任务('elm-init',elm.init)
//将Elm编译为HTML
gulp.task('elm',['elm-init',]函数(){
return gulp.src(path.elm)
.管子(管道工())
.pipe(elm())
.管道(吞咽目标(路径目标))
})
//将静态资产移动到dist
吞咽任务('static',函数(){
return gulp.src(path.static)
.管子(管道工())
.管道(吞咽目标(路径目标))
})
//注意变化并编译
吞咽任务('watch',函数(){
狼吞虎咽地看着(path.elm,['elm']))
gulp.watch(path.static,['static']))
})
//本地服务器
吞咽任务('connect',函数(){
connect.server({
根:'dist',
港口:3000
})
})
//主要吞咽任务
gulp.task('build',['elm','static']))
gulp.task('default'、['connect'、'build'、'watch']))
connect
任务不会在浏览器中打开站点。那么,如何做到这一点呢?我想通过单击一个任务(从VisualStudio中的任务浏览器窗口)并单击“开始”来启动该站点,它应该编译代码并启动


谢谢

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

但是,中有一个fork,它可以在connect上打开浏览器

否则,可以直接使用软件包打开浏览器窗口