标签:
$ npm install --save-dev gulp-connect
var gulp = require(‘gulp‘);
var connect = require(‘gulp-connect‘);
gulp.task(‘server‘, function () {
connect.server();
});
gulp.task(‘default‘, [‘server‘]);
var gulp = require(‘gulp‘), connect = require(‘gulp-connect‘);
看最后一行的gulp.task(‘default‘, [‘server‘]);,用了default参数,表示配置了默认启动‘server’这个task。用了之后在命令行就可以输入gulp启动server,不写这一行的话则要输入gulp server。
而在gulp.task(‘server‘, function () { connect.server(); }); 中,第一个参数是定义名称可以随便写,第二个参数是个函数,函数中调用了connect的server方法。
那么你有没有想过这两个部分可不可以合♂在一起?
比如变成:gulp.task(‘default‘, function () { connect.server(); });
完全可以!
connect.server({
root:‘start‘ //不区分大小写
});
gulp.task(‘connectDev‘, function () {
connect.server({
name: ‘Dev App‘,
root: ‘app‘,
port: 8000,
});
});
gulp.task(‘connectDist‘, function () {
connect.server({
name: ‘Dist App‘,
root: ‘dist‘,
port: 8001,
});
});
后面default也要改成:
gulp.task(‘default‘, [‘connectDev‘,‘connectDist‘]);
$ npm install --save-dev gulp-webserver
var gulp = require(‘gulp‘);
var webserver = require(‘gulp-webserver‘);
gulp.task(‘webserver‘, function() {
gulp.src( ‘Start‘ )
.pipe(webserver({
open: true //服务器启动时自动打开网页
}));
});
标签:
原文地址:http://www.cnblogs.com/huaji/p/5926441.html