Visual studio 2015 吞咽:构建代码并在浏览器中启动它
因此,我想为一个web项目使用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
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上打开浏览器 否则,可以直接使用软件包打开浏览器窗口