##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']);