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 を叩いたら無事に構築出来ました。