> MAMPのApacheのルートフォルダをappフォルダやdistフォルダにすれば良いのか?
なんか違う気がするな。モヤっと!
ということで、続き。
browserSyncは、PHPには対応していないので、PHPファイルが変更されたら、Proxy経由でMAMPのページを表示するように設定すればいいらしい。
で、Web starter kitの”gulpfile.js”を以下のように編集。
// Watch files for changes & reload
gulp.task(‘serve’, [‘styles’], function () {
browserSync({
notify: false,
// Customize the BrowserSync console logging prefix
logPrefix: ‘WSK’,
// Run as an https by uncommenting ‘https: true’
// Note: this uses an unsigned certificate which on first access
// will present a certificate warning in the browser.
// https: true,
//server: [‘.tmp’, ‘app’],
// PHPのページに対応するため、Proxyの設定を行う
proxy: “localhost:8888”,
// external 指定すると、実行時のURLが外部IPアドレスで開く
//external
});
gulp.watch([‘app/**/*.html’], reload);
gulp.watch([‘app/styles/**/*.{scss,css}’], [‘styles’, reload]);
gulp.watch([‘app/scripts/**/*.js’], [‘jshint’]);
gulp.watch([‘app/images/**/*’], reload);
gulp.watch([‘app/**/*.php’], reload);});
$ gulp serveでサーバ起動。
http://localhost:3000/basic.php
とかのURLを開いてみる。
basic.phpを編集して保存すれば、自動的に更新される。やった!!
でも、index.htmlのcssが読み込まれない?
.tmpフォルダが必要なの?