gulp-webserverでローカルにサーバーを立ち上げる手順まとめ

3212 ワード
gulp-webserver gulp ローカルサーバー 開発環境 ローカル開発環境 開発環境 テキストリンク

gulpが入っているか確認する

#gulpのバージョン情報を確認
gulp -v

#gulpが入っていなければinstallする
yarn add gulp

#npmでinstallする場合
npm install gulp

yarnでgulp-webserverをinstallする

#packege.jsonを作成する
yarn init

#gulp-webserverをinstallする
yarn add --dev gulp-webserver

#npmでintallする場合
npm install --save-dev gulp-webserver

gulpfile.jsを作る

gulpfile.js
//gulpfile.jsを作って、gulpタスクを追加する
var gulp = require('gulp');
var webserver = require('gulp-webserver');

gulp.task('webserver', function(){
  gulp.src('public')
  .pipe(webserver({
    livereload: true,
    open: true,
    port: 8000
  }));
});

サーバーを立ち上げる

gulp webserver

おわり

参考サイト

・gulp-webserver
・annot GET html & gulp.src location ignored. · Issue #26

【HUSTOJ】1103:それらN桁
全志/索智S 3 Zeta Linux開発(2)国際慣例helloworld