Browsersyncの設定がわかりません(WordPressテーマUnderStrap + local by flywheel)

Question

前提・実現したいこと

WP + local by flywheel
でWPテーマを作っています。
ベースはUnderStrapです。
ドキュメント

ここにあるように変更してブラウザシンクをしたいと思っています。
https://www.ken-g.com/blog/archives/201803/understrap.html

var browserSyncOptions = {
    proxy: "localhost/theme_test/",
    notify: false
};

発生している問題・エラーメッセージ

自動更新が行われません。gulp.jsは以下のように書いています。（抜粋）

// Configuration file to keep your code DRY
var cfg = require( './gulpconfig.json' );
var paths = cfg.paths;

var browserSyncOptions = {
    proxy: "example.com",
    notify: false
};

// Run:
// gulp sass

結果以下のようになってしまいます。

[Browsersync] Proxying: http://localhost

正しければ

[Browsersync] Proxying: http://example.com

となると思うのですが。

試したこと

proxy: "example.com",

や
proxy: "http://example.com",
などにしたのですがだめです。きっと初歩的なことですがわかりません。どなたか助けてください。

Answer 1

回答がないようなので...

最新版しか見ていませんが、お手元の UnderStrap に gulpconfig.json ファイルはありますか？

中身は、

{
"browserSyncOptions": {
"proxy": "localhost:8080/",
"notify": false
},

のような設定ファイルです。( バージョンによっては、 "proxy": "localhost/wordpress/", だったり、 "proxy": "localhost/", だったりするようです。)

参考にされたサイトの「WordPressのテーマ「UnderStrap」のカスタマイズや使い方などの覚書」ページで「UnderStrap の子テーマを追加」部分に、https://github.com/understrap/understrap-child から入手というのがありますが、

このサイト(https://github.com/understrap/understrap-child)に

Or, to run with Browser-Sync:

First change the browser-sync options to reflect your environment in the file /gulpconfig.json in the beginning of the file:

"browserSyncOptions" : {
"proxy": "localhost/wordpress/",
"notify": false
}
};

then run: $ gulp watch-bs

とあるので、Browser-Sync を使用する場合は、URL 等を gulpconfig.json で、設定するように変更されたようです。 gulpconfig.json があるバージョンの場合は、gulpconfig.json を編集して設定してみてください。

おそらく参考にされたサイトが 2018年3月に作成されているので、変更された内容に対応していないのだと思われます。

https://understrap.github.io/ の公式ドキュメントの説明も gulpfile.js を編集となっているから、古いままだなぁ...

Comments

[ushiro]

そういうことだったのですね。無事動作しました。
回答を待ちつついろいろ試していたのですが、うまく行かず途方にくれていました。
本当にありがとうございました。