BrowsersyncのReloadとFileChangeの挙動について

2021年12月18日

CSSや画像ファイルが変更された場合は、ブラウザのリロードなしで差分を反映させるFile event [change] が発生する。

このとき、コンソールには以下のような出力が記録される。

[Browsersync] File event [change] : public\css\app.css

一方で JS ファイルの場合には、ブラウザがReloadされる。

以下のような出力が記録される。

[Browsersync] Reloading Browsers...