gulp-webserver

install

$ npm install -D gulp-webserver

Usage Basic

var gulp = require('gulp');
var webserver = require('gulp-webserver');

gulp.task('webserver', function() {
  gulp.src('dist')　//任意のフォルダー htdocsとか
    .pipe(webserver({
      host: 'localhost',
      port: 9001,　//任意のport番号
      livereload: true,　//ライブリロード
      directoryListing: false //directory表示
      open: true
    }));
});

Option Exmple1

• 任意のファイルを開きたい場合

var gulp = require('gulp');
var webserver = require('gulp-webserver');

gulp.task('webserver', function() {
  gulp.src('dist')
    .pipe(webserver({
      host: 'localhost',
      port: 9001;
      livereload: true,
      open : 'http://localhost:9001/index.html' //任意のファイルを開きたいときはパスを指定
    }));
});

Option Exmple2(SSI IP)

• SSIを利用する場合（プラグイン追加）
• IPアドレスでアクセスする場合（プラグイン追加）

npm install -D connect-ssi
npm install -D my-ip

var gulp = require('gulp');
var webserver = require('gulp-webserver');
var connectSSI = require('connect-ssi');
var ip = require('my-ip');

gulp.task('webserver', function() {
  gulp.src('dist')
    .pipe(webserver({
      host: '0.0.0.0', //IPアドアレスでアクセスする場合は「0.0.0.0」をセットしてMY-IPでアクセス
      port: 9001;
      livereload: true,
      middleware: [
        connectSSI({// connectSSI
         ext: '.html', // file extension. Only urls ending in this will be evaluated.
         baseDir: 'htdocs'//  BasePath
        })
      ],
      open : 'http://'+ ip() +':9001/index.html'
    }));
});

DefultTask

gulp.task('default', ['webserver']);