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

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