码迷,mamicode.com
首页 > 其他好文 > 详细

gulp-connect

时间:2017-06-07 12:50:33      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:比较   div   ref   ebs   tor   on()   blog   bool   function   

本文是参考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

标签:比较   div   ref   ebs   tor   on()   blog   bool   function   

原文地址:http://www.cnblogs.com/liangcheng11/p/6956242.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!