Laravel Sailの環境でBrowsersyncを利用したホットリロードを実現する

docker-compose.ymlに3000番のポートを追加

Browsersyncで使用するポート3000番を追加します

loading...

Browsersyncの設定

webpack.mix.jsに下記コードを追記

loading...

モジュールのインストール

まずコンテナにルートユーザーで接続します

loading...

次に下記コマンドで必要なモジュールをインストールします

loading...

コンテナを再起動する

コンテナを再起動させると3000番のポートが開いた状態で立ち上がります

loading...

Browsersyncの実行

loading...

上記コマンドを実行後http://localhost:3000にアクセスできるようになります。

参考