gulp：コードをビルドしてブラウザで起動する

ウェブプロジェクトにはelm言語を使用したいので、プロジェクトがvisual studio 2015である必要があり、gulpを使用しています。私の問題は、コードをビルドしてブラウザで起動するgulp taskを作成する方法がわからないことです。ここで私はこれまで何をやったかである：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'])

connectタスクは、ブラウザでサイトを開いていません。では、これを達成する方法は？私は（Visual Studioのタスクエクスプローラウィンドウから）タスクをクリックしてサイトを開始し、開始をクリックしてコードをコンパイルして開始する必要があります。

おかげ

出典

2016-12-01 Buda Gavril