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

因此，我想使用elm语言进行Web项目，并且我需要该项目位于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