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