Google Developersにて(5)

> 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フォルダが必要なの?

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です