webpack使用 browser-sync 之后整頁刷新而不是局部刷新？

我根據(jù)網(wǎng)上搜到的配置方式，在項目中配置了browser-sync，雖然一切都運行正常，但是發(fā)現(xiàn)并沒有熱加載局部的改變，而是整一頁一起刷新了，感覺體驗很不好

搜了幾個方法說在入口文件加上if (module.hot) { module.hot.accept(); } 但是我試了下在main.js中加這句話并沒有用。。不知道是不是加錯地方了

附一下配置的代碼：

let BrowserSyncPlugin = require('browser-sync-webpack-plugin');
new BrowserSyncPlugin(
    Object.assign({
        host: 'localhost',
        port: 3000,
        proxy: 'app.dev',
        files: [
            'app/**/*.php',
            'resources/views/**/*.php',
            'public/js/**/*.js',
            'public/css/**/*.css'
        ],
        snippetOptions: {
           rule: {
               match: /(<\/body>|<\/pre>)/i,
               fn: function (snippet, match) {
                   return snippet + match;
               }
           }
        }
    }, Config.browserSync),
    { reload: false }
)

項目用的是laravel + vue，所以這個配置文件是laravel-mix自帶的配置文件，我截取了相關(guān)的配置代碼貼上來的