Naoki Otsu

ローカルにPHP環境構築してBrowserSyncでLiveReload

2016-11-28

MacのローカルにPHP環境構築して、BrowserSyncでLiveReloadさせた時のMEMOです。

実装方法

調べた結果、gulp-connect-phpを使うのが早そうでした。

$ npm init -y
$ npm install -D gulp gulp-connect-php browser-sync
var gulp        = require('gulp');
var connect     = require('gulp-connect-php');
var browserSync = require('browser-sync').create();

gulp.task('connect-sync', function() {
  connect.server({}, function() {
    browserSync.init({
      proxy: '127.0.0.1:8000'
    });
  });

  gulp.watch(['./*.php', './*.css', './*.js']).on('change', browserSync.reload);
});

gulp.task('default', ['connect-sync']);

これで gulp を叩いたら無事に構築出来ました。