webpackでコンパイル後、browser-syncで自動リロードしたい

Question

前提・実現したいこと

browser-syncを用いて自動リロードされるようにしたいです。

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

ドキュメント等を見ながら実装してみましたが、コンパイル後に変更の検知はされるのですがリロードされません。

$ browser-sync start --config bs-config.js
[Browsersync] Access URLs:
 -------------------------------------------
       Local: http://localhost:8000/top
    External: http://xxx.xxx.xxx.xxx:8000/top
 -------------------------------------------
          UI: http://localhost:3001
 UI External: http://xxx.xxx.xxx.xxx:3001
 -------------------------------------------
[Browsersync] Serving files from: ./public
[Browsersync] Watching files...

[Browsersync] File event [change] : public/static/css/xxxxx.css

該当のソースコード

// bs-config.js
module.exports = {
  "files": [
    "./public"
  ],
  "server": {
    "baseDir": "./public"
  },
  "proxy":false,
  "port": 8000,
  "startPath": "/top",
}

ディレクトリ構成
app
├ src
├ resources
│ └ views
│ └ xxx.blade.php
├ public
│ ├ index.php
│ └ static
│ ├ js
│ └ css
├ package.json
├ bs-config.js
└ webpack.config.js

試したこと

bs-configのproxyを localhost:8000 等にしてみましたが、うまくいきませんでした。

補足情報（FW/ツールのバージョンなど）

php -S localhost:8000 -t public/

// package.json
{
  "scripts": {
    "_watch:build": "webpack -d --watch --progress --colors &",
    "_watch:proxy": "browser-sync start --config bs-config.js",
    "watch": "run-s _watch:*",
  },
  "devDependencies": {
    "browser-sync": "^2.24.7",
  },
}

いろいろ設定の変更等試してみましたが、うまくいきません。
私の設定がおかしいのだろうと思うのですが、分からず、、、どなたかご教授お願いいたします。

Answer 1

自己解決しました！

PHPのサーバーの起動コマンドを修正しました。

php -S 0.0.0.0:8000 -t public/

bs-config.jsは下記のように設定しました。

module.exports = {
  "files": [
    "./public/static/**/*"
  ],
  "proxy": "localhost:8000",
  "port": 3001,
  "startPath": "/top",
}