NodeJsが現れない前に、フロントエンド開発ではapache nginx iisのようなウェブサーバを使用するが、これらはほとんどフロントエンド以外の人が使用するツールをインストールする必要があり、フロントエンドの人がこれらのウェブサーバに慣れていないため、開発効率が低下している.
本論文は主にgulpとgulp-connectを用いて簡単なウェブserverを構築することを紹介する.
まずnpn initコマンドを使用してpackage.jsonを生成する.

npm init

npm installコマンドを使用してgulpとgulp-connectをインストールします.

npm install --save-dev gulp gulp-connect

gulpfile.jsファイルを新規作成します.

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

gulp.task('webserver', function () {
    connect.server({
        host: 'localhost',  // default localhost
        port: 8080,         // default 9090
        livereload: true,   // default false
        https: false
    });
});

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

index.htmlファイルを新規作成します.

    
    
    

    
    
    


SIMPLE GULP WEB SERVER

サービスを開始し、コンソールにgulpを入力すればいいです.

gulp

実行結果
ブラウザ入力で実行できます.

localhost:8080

結果をブラウザで表示
ブラウザの表示
リンクgulp-connectを参照してください.