BrowserSyncでWordpressのホットリロードをしよう！！

node -v
v20.14.0

npm -v
10.7.0

快適な開発のためにはホットリロードは欠かせません。しかしWordpress単体ですとホットリロードは備わっていないためnpmを用いてwordpressでもホットリロードを実現するのがこの記事の目的です！
前提としてローカルでnodeとnpmが動作する必要があります。上記コマンドが動作するか確認してみてください

npm init -y
npm i -D browser-sync

Browser Sync の設定ファイルをコマンドで生成し、LocalByFlyWheelで動作するようにする

npx browser-sync init

/* bs-config.js */
module.exports = {
  proxy: "{local by fry wheelのdomain}.local",
  files: ["css/**/*.css", "js/**/*.js", "**/*.php"], // 適切な設定にしてください
};

"scripts": {
    "browser": "browser-sync start --config bs-config.js"
  },

npm run browser