Laravel MixのbrowserSyncで.cssや.jsの変更もリロードさせる

Laravel MixのbrowserSyncで

.cssや.jsの変更もリロードさせる

もう調べるのめんどいから標準でつけてぇ〜(心の叫び)

参考サイト

• Browsersync公式 - Browsersync options(辞書的に使う)
• LARACASTS - Laravel Mix and BrowserSync(試行錯誤している人たちの情報)
• Laracasts ownerさんのgit - BrowserSync(npm rum watchしよう)
• StackOverflow - Laravel 5.4 watch blade files with browserSync(この人カッコの定義ミスってるｗオシイｗ)

browserSyncの拡張を使う

1. webpack.mix.js

webpack.mix.jsの最後にこれを追加

// Hot reloadingを有効にする (npm run watchで実行してください)
mix.browserSync({
    files: [
        "resources/views/**/*.blade.php",
        "public/**/*.*"     // 公開フォルダを指定しないとリロードが効きません。注意
    ],
    proxy: {
        target: "http://my-domain.dev/",
    }
});

これだけっす〜(・ω・)ノシ