首页 > 代码库 > gulp-connect
gulp-connect
本文是参考npm社区的gulp-connect。
一、介绍:
这个gulp-connect启动服务器(并能时时同步)。
二、赞助
赞助者是JetBrains(好像是webstorm的编辑器开发者公司)。
三、安装
npm install --save-dev gulp-connect
四、说明
var gulp = require(‘gulp‘), connect = require(‘gulp-connect‘); gulp.task(‘connect‘, function() { connect.server(); }); gulp.task(‘default‘, [‘connect‘]);
LiveReload
var gulp = require(‘gulp‘), connect = require(‘gulp-connect‘); gulp.task(‘connect‘, function() { connect.server({ root: ‘app‘, livereload: true }); }); gulp.task(‘html‘, function () { gulp.src(‘./app/*.html‘) .pipe(connect.reload()); }); gulp.task(‘watch‘, function () { gulp.watch([‘./app/*.html‘], [‘html‘]); }); gulp.task(‘default‘, [‘connect‘, ‘watch‘]);
启动和关闭服务器
gulp.task(‘jenkins-tests‘, function() { connect.server({ port: 8888 }); // run some headless tests with phantomjs // when process exits: connect.serverClose(); });
启动多个服务器
var gulp = require(‘gulp‘), stylus = require(‘gulp-stylus‘), connect = require(‘gulp-connect‘); gulp.task(‘connectDev‘, function () { connect.server({ name: ‘Dev App‘, root: [‘app‘, ‘tmp‘], port: 8000, livereload: true }); }); gulp.task(‘connectDist‘, function () { connect.server({ name: ‘Dist App‘, root: ‘dist‘, port: 8001, livereload: true }); }); gulp.task(‘html‘, function () { gulp.src(‘./app/*.html‘) .pipe(connect.reload()); }); gulp.task(‘stylus‘, function () { gulp.src(‘./app/stylus/*.styl‘) .pipe(stylus()) .pipe(gulp.dest(‘./app/css‘)) .pipe(connect.reload()); }); gulp.task(‘watch‘, function () { gulp.watch([‘./app/*.html‘], [‘html‘]); gulp.watch([‘./app/stylus/*.styl‘], [‘stylus‘]); }); gulp.task(‘default‘, [‘connectDist‘, ‘connectDev‘, ‘watch‘]);
http2的支持情况
如果http2的安装包已经安装,你用https联动到gulp connect插件,然后http2将成为首选。
API
api参数比较多,这里说写一些常用的
1、option.root
str array 启动服务器的目录
2、option.port
服务器的端口,默认是3000
3、options.livereload
boolean, 是否开启时时同步,默认是false,通常是开启的
其他参数和localhost的属性很像,不再累赘(点击获取详情)
gulp-connect
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。